使用jquery easyui实现一个基本的页面布局

步骤

1.创建项目导入easyui的资源包

 1.1 easyui的资源包可直接将所有资源 一次性导入。

 1.2 导入需要的资源

       locale  themes  plugins  easyloder.js  jquery.easyui.min.js     jquery.min.js总共6个文件

2.在jsp页面中加载easyui资源

 2.1

  为了jsp内容的方便，可新建一个jsp专门负责导入需要的资源，然后在使用命令标识引入jsp资源，需要注意的是jquery的资源引入是有顺序的先jquery.min.js 然后是jquery.easyui.min.js

2.2 使用jsp的指令标识引入jsp资源

 <%@ include file="easyui.jsp" %> 

3.编写页面布局代码

3.1 在标签中设置classs属性值为“easyui-layout”

3.1根据需要可添加北南西东内容框框

说明

data-options：为easyui自己的标签不属于html,split:true表示可以拉伸边框，fit:true表示显示框自适应浏览器大小
完成以上便可用easyui实现简单的页面布局