easyui01(基本布局)

一、三个W

①什么是Easyui

        jQuery EasyUI是一组基于jQuery的UI插件集合体，能帮助web开发者更轻松的打造出功能丰富并且美观的UI界面

②为什么要学easyui

        ①.使用easyui 不需要写很多代码，只需要编写一些简单 HTML 标记，就可以定义用户界面

        ②.easyui 是个完美支持 HTML5 网页的完整框架

        ③.easyui 能节省网页开发的时间和规模

        ④.easyui 很简单但功能很强大，容易上手

③easyui一般在哪里使用

        easyui一般在后台管理界面，前台项目界面一般不怎么用

二、准备工作

        ①、下载easyui

        EasyUI - helps you build your web pages easilyEasyUI is a complete framework for HTML5 web page. It provides easy to use components for building modern, interactive, javascript applications that work on pc and mobile devices.http://www.jeasyui.com/

②页面中引入库

        引入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里，作为头部，我们可以在主界面调用

        用包含指令调用