EasyUI入门知识介绍

概述

EasyUI是在本次项目中使用的，封装的非常的好，非常容易实现想要的效果，所以，在这里介绍一下EasyUI。

EasyUI简介

EasyUI是一个名称，它代表的是基于JQuery实现的各种用户界面的插件，即，EasyUI是在JQuery上的一层封装，注意，在封装JQuery的同时，也封装了CSS代码，这样使EasyUI更容易实现编程人员的需求。

EasyUI的官网：http://jeasyui.com.官网上有相应的源码文件，我们要想使用EasyUI需要下载这些文件，并且在程序中添加相应的引用。

EasyUI下载文件结构说明

jquery.min.js文件

这个文件就是jquery包，EasyUI是基于此来进行编写的。

jquery.easyui.min.js文件

这个文件是基于jquery包，写的EasyUI的基函数库。

themes文件夹

存放内置几种皮肤CSS文件。当使用EasyUI的插件时，你不用写任何的CSS代码，但是，你的插件仍然具有相应的样式，这个就是这些文件的造成的结果。

locale文件夹

存放一大堆语言相关的js文件。如果你想使EasyUI默认的提示信息显示为汉字，你可以在程序中引入该目录下的easyui-lang-zh_CN.js文件。

demo文件夹

里面是使用插件的一些Demo文件

plugins文件夹

功能插件，具体不太清楚了

EasyUI的使用

使用EasyUI控件必须引用4个文件：themes/default/easyui.css；themes/icon.css；jquery.min.js；jquery.easyui.min.js。引用这4个文件，你所使用的EasyUI控件就具有了样式，事件，方法等所有该有的东西，当然，如果你想省事，你直接copy人家写好的demo，这时需要添加相应demo用到的CSS和image，我们做项目的时候就是这样干的。

总结

EasyUI对于js，jquery和CSS封装的非常的好，用起来非常的方便，但是，对于初学者不建议使用，因为封装太好的缘故，初学者如果使用的话，就无法练习基本的js，jquery和css了，所以，建议没有做过项目的人，不要使用。