1.Easyui是什么?
它是.jQuery EasyUI是一组基于jQuery的UI插件集合体,能帮助web开发者更轻松的打造出功能丰富并且美观的UI界面,但是美观比bootstrap要差一点.
2.为什么要用它?
①.使用easyui 不需要写很多代码,只需要编写一些简单 HTML 标记,就可以定义用户界面
②.easyui 是个完美支持 HTML5 网页的完整框架
③.easyui 能节省网页开发的时间和规模
④.easyui 很简单但功能很强大,容易上手
3.在哪里用它比较合适?
后台管理界面
,前台不适合用,但可以用。
4.准备工作
①.下载easyui
②.页面中引入库
要引入两个css,和三个js
如下:
<link rel="stylesheet" type="text/css" href="${ctx}/js/jquery-easyui-1.5.5.2/themes/default/easyui.css" />
<link rel="stylesheet" type="text/css" href="${ctx}/js/jquery-easyui-1.5.5.2/themes/icon.css" />
<script type="text/javascript" src="${ctx}/js/jquery-easyui-1.5.5.2/jquery.min.js"></script>
<script type="text/javascript" src="${ctx}/js/jquery-easyui-1.5.5.2/jquery.easyui.min.js"></script>
<script type="text/javascript" src="${ctx}/js/jquery-easyui-1.5.5.2/locale/easyui-lang-zh-CN.js"></script>
(在公共界面上分装起来,实用)
5.两种方式
[Demo] [API文档]