目录
1.easyui介绍
easyui是一种基于jQuery、Angular.、Vue和React的用户界面插件集合。
easyui为创建现代化,互动,JavaScript应用程序,提供必要的功能。
使用easyui你不需要写很多代码,你只需要通过编写一些简单HTML标记,就可以定义用户界 面。
easyui是个完美支持HTML5网页的完整框架。
easyui节省您网页开发的时间和规模。
easyui很简单但功能强大的。
二、需要的工具
1、EasyUI插件包
2、Tomcat
三、layout布局
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<%@ include file="common/head.jsp" %>
</head>
<body class="easyui-layout">
<div data-options="region:'north',split:true,title:'菜菜'," style="height:50px;">
菜菜
</div>
<div data-options="region:'south',split:true" style="height:100px;">
Copyright@XXXX有限责任公司
菜菜
</div>
<div data-options="region:'west',title:'功能导航',split:true" style="width:100px;"></div>
<div data-options="region:'center',title:'center title'" style="padding:5px;background:#eee;"></div>
</body>
</html>