关于easyUI的理解以及入门

一.easyUI的简介

easyui是一款基于jQuery的前端框架，可以使用其中的组件进行布局以及用来做后台的管理界面。

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

    使用：

        ① 导入EasyUI的资源

<link rel="stylesheet" type="text/css" href="jquery-easyui-1.5.5.2/themes/default/easyui.css">

<link rel="stylesheet" type="text/css" href="jquery-easyui-1.5.5.2/themes/icon.css">

<script type="text/javascript" src="jquery-easyui-1.5.5.2/jquery.min.js"></script>

<script type="text/javascript" src="jquery-easyui-1.5.5.2/jquery.easyui.min.js"></script>

<script type="text/javascript" src="jquery-easyui-1.5.5.2/locale/easyui-lang-zh_CN.js"></script>

        ② 查阅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

        ① 基础组件：常用的比较小的功能组件，不是每个网页中都会用到

        ② 布局组件: 很重要，每个网页都会使用，完成网页的布局的。

        ③ 菜单与按钮组件:很重要，每个网页都会使用，在网页中完成菜单和按钮的效果

        ④ 表单组件:很重要，搜集用户数据，封装了常用的数据校验，并支持自定义校验

        ⑤ 窗口组件:在当前页面中显示子窗口效果，对页面中的功能进行完善。

        ⑥ 数据网格和树组件:很重要，非常之重要。在网页中显示表格以及树状数据