Easy-UI简介及特点概述

介绍

EasyUI是一个前端开发的框架，其将常用的页面开发使用的组件进行了封装，前端开发人员只需将EasyUI的资源导入项目后使用即可，快速提升开发效率。

使用

① 导入EasyUI的资源
② 查阅API文档使用EasyUI的组件完成页面开发。

注意

使用EasyUI，其实就是在使用别人已经封装好的代码来完成自己的页面开发。所以必须按照EasyUI的文档说明来使用。所以我们学习EasyUI，其实就是在学习如何按照EasyUI的文档来使用其组件并且其常用组件有哪些。

解压其文件得到各个文件夹：

1 demo文件夹:EasyUI官方提供的每个组件的使用示例效果代码。
2 locale文件夹:组件中显示的数据语言的js文件
3 plugins文件夹:是EasyUI提供的组件对应的js文件
4 src文件夹:源码文件夹
5 themes文件夹：EasyUI官方提供的整套的样式
6 jquery.min.js文件:依赖的jquery文件，建议使用官方提供的jquery文件
7 jquery.easyui.min.js：封装了所有组件的js文件

常用组件：

① 基础组件：常用的比较小的功能组件，不是每个网页中都会用到
② 布局组件: 很重要，每个网页都会使用，完成网页的布局的。
③ 菜单与按钮组件:很重要，每个网页都会使用，在网页中完成菜单和按钮的效果
④ 表单组件:很重要，搜集用户数据，封装了常用的数据校验，并支持自定义校验
⑤ 窗口组件:在当前页面中显示子窗口效果，对页面中的功能进行完善。
⑥ 数据网格和树组件:很重要，非常之重要。在网页中显示表格以及树状数据

组件使用流程：

①　在jsp中引入EasyUI的资源
②　在jsp页面使用HTML方式或者js方式创建组件
③　使用组件的属性和事件来初始化设置组件的效果
④　使用组件的方法实现组件和用户交互的效果