一、三个W
①什么是Easyui
jQuery EasyUI是一组基于jQuery的UI插件集合体,能帮助web开发者更轻松的打造出功能丰富并且美观的UI界面
②为什么要学easyui
①.使用easyui 不需要写很多代码,只需要编写一些简单 HTML 标记,就可以定义用户界面
②.easyui 是个完美支持 HTML5 网页的完整框架
③.easyui 能节省网页开发的时间和规模
④.easyui 很简单但功能很强大,容易上手
③easyui一般在哪里使用
easyui一般在后台管理界面,前台项目界面一般不怎么用
二、准备工作
①、下载easyui
②页面中引入库
引入JQuery(jquery.min.js)
引入EasyUI(jquery.easyui.min.js)
引入EasyUI的中文国际化js,让EasyUI支持中文(locale/easyui-lang-zh_CN.js)
引入EasyUI的样式文件(/themes/default/easyui.css)
引入EasyUI的图标样式文件(/themes/icon.css)
三、使用
两种放式:[Demo] [API文档]
使用布局组件-Layout搭建后台框架
进行优化:
我们可以把js、css写在另外一个jsp里,作为头部,我们可以在主界面调用
用包含指令调用