easyUI

一.easyUI的简介

    easyui是一款基于jQuery的前端框架，可以使用其中的组件进行布局以及用来做后台的管理界面。
    EasyUI是一个前端开发的框架，其将常用的页面开发使用的组件进行了封装，前端开发人员只需将EasyUI的资源导入项目后使用即可，快速提升开发效率。

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

二.easyUI的不足之处

    现在据了解到有三种UI框架，分别是easyUI、bootstrap、layUI这三种。

    不足之处： 从效果来看easyui的界面效果要远远差于bootstrap，跟layui比，界面效果也更差

三.学easyUI的好处

    虽然说它的效果界面并不是那么好看，但是它也有它的好处，而且easyUI要简单学些，如果学会的easyUI框架，那么上手layUI就会轻松许多。

    好处：
    1.从金钱的角度上，开发首先会排除掉bootstrap。

    2.从学习文档的完整性、前端框架的稳定性，组件的丰富性考虑，easyui都要优于layui。

    3.从公司的角度考虑选用那个框架成本、公司的后端技术人员前端功底、前端的社区活跃度。

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

四.easyUI的特点

    easyUI是一种基于jQuery的用户界面插件集合.

    easyUI为创建现代化，互动，JavaScript应用程序，提供必要的功能。

    使用easyUI你不需要写很多代码，你只需要通过编写一些简单HTML标记，就可以定义用户界面。

    easyUI是个完美支持HTML5网页的完整框架。

    easyUI节省了开发产品的时间和规模。

    easyUI非常简单，但是功能非常强大

五、EasyUI的常用组件
frameset

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

 **jQuery EasyUI简介：封装大量的jQuery插件(简化ajax，jquery，css样式，布局)**
>
> 
>
> **学习目标：**
>
> 
>
> **学习内容：**
>
> ```html
> 插件实现:
>    ① HTML标签+插件的class样式。
>        <a href="#" class="easyui-linkbutton">我是讲文明</a>
>    ② HTML标签+基于编程的插件实现
>        <a href='#' id="btn">我是ZKING ZZ</a>
>        js代码： $("#btn").linkbutton();
> 
> 插件内容：
>    属性：设置插件的样式。图标，宽度，高度。
>    事件：单击事件，双击
>    方法：修改插件属性，状态。
> ```
>
> **学习方法：**
>
> ```html
> 1. 掌握easyui插件开发模板[记住]
> 2. 通过文档配合，学习他的属性 事件 方法。[查看文档]