jQuery easyui 前端框架！

客户端前台页面 ------------------------- 使用jquery easyui 前端框架 

为什么要使用easyui ? 

1.很多团队，工程师主要是服务器端工程师，不熟悉页面开发  ------- CSS很差

2.很多前端UI框架，自带CSS模板，即使java工程师也可以写出非常漂亮的界面 

为什么不用ExtJS？ 要用EasyUI ?   
因为ExtJS框架比较庞大，引入后，系统性能有问题，比较慢， EasyUI 轻量级js前端框架 

你知道EasyUI 收费吗？ 
1.2.2  版本之前，使用 GPLv3 协议 ， ，开源组织协议  ----- 免费 
1.2.3  之后 GPL License Commercial License 

使用版本1.3.2  --------- 去下载该版本easyui  (是一套基于Jquery的前端UI框架，作用在于快速构建前端界面)
需要导入到工程的文件： 
1、 locale 国际化信息文件
2、 plugin 所有插件 js文件
3、 theme 主题CSS 
4、 jquery-1.8.0.min.js jquery核心包
5、 jquery.easyui.min.js 所有插件的合集 ====== plugins 里所有js 
6、 easyloader.js 可以根据代码选择plugin中的插件 

easyloader.js + plugin  ===  jquery.easyui.min.js  
学习曲线： 布局layout 
<script type="text/javascript"
src="${pageContext.request.contextPath }/js/jquery-1.8.0.min.js"></script>   ------------ jquery核心js 
<script type="text/javascript"
src="${pageContext.request.contextPath }/js/easyui/jquery.easyui.min.js"></script>  -------- easyui核心js 
<script type="text/javascript"
src="${pageContext.request.contextPath }/js/easyui/locale/easyui-lang-zh_CN.js"></script> ----- 国际化信息
<link id="easyuiTheme" rel="stylesheet" type="text/css"
href="${pageContext.request.contextPath }/js/easyui/themes/default/easyui.css">  ------ easyui核心css
<link rel="stylesheet" type="text/css"
href="${pageContext.request.contextPath }/js/easyui/themes/icon.css">-------- 图标css

第一种 页面代码使用HTML编写，用easyui渲染，第二种 使用js 生成页面html 

布局layout分为 东西南北中 ----- 中是必须的 ，东西南北都可以省略 

EasyUI中文网