客户端前台页面 ------------------------- 使用jquery easyui 前端框架
为什么不用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
为什么要使用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分为 东西南北中 ----- 中是必须的 ,东西南北都可以省略