1.easyUI下载
之前都会扯一段，但我觉得没必要了，easyUI用起来不是很难，只是简单的把组件拿出来，定义并绑定到DOM元素上。跟后台交互的，需要将后台response的数据按照easyUI API需要的格式进行转换，这种格式一般都会是一种标准的json格式，据说是因为json在数据传输中比较快而且兼容比较好，所以现在基本上都是以josn格式进行传递。
那么我们来看一下使用easyUI，需要什么条件吧！
理所当然的首先就应该是引入easyUI对应的js文件，我想任何一种东西都是这样的，就像你骑共享单车一样，首先你得有个APP，其次才能交押金，扫码，骑车，所以第一步就是引入。大家可以去easyUI官网下载对应的js文件，当然我也会把我用的js文件上传到CSDN上，需要的博友可以去连接处下载。
官网下载：http://www.jeasyui.com/download/index.php
官网提供了两种方式，一种for jquery的，一种是for angularjs的。从这里可以看出，很多组件都做出了对angularjs的支持，以便于适用现在的市场。当然这里我们不讲angularjs，jquery就足够用的了。angularjs配合bootstrap是最佳的搭配，当然bootstrap的一些组件是依赖于jquery的，所以我们这里就直接使用for jquery的。
项目js文件目录：啊，告诉我资源重复，我不知道是别人已经上传了，还是我自己之前就已经上传了，大家还是去官网上下载吧，在这里面下载需要积分。
下载之后简单的解压一下就行了。由于使用的eclipse，把解压后的 文件夹直接放到eclipse的目录下：
2.引入使用easyUI
2.1引入easyUI
在使用的时候需要将easyUI对应的js文件和样式css文件引入，以便我们能在项目中正常的使用它。
注意：引入js文件的顺序不要搞反了，有的童鞋经常会发现我引入了js文件为什么会报一些莫名奇妙的问题，最多的应该就是未定义undefined，其实大多时候都是js文件引入顺序的问题。我们知道网页在加载我们的index页面的时候，会从上往下以此加载，那么有一些js文件依赖jquery文件，顺序搞错了的话，将会先加载其他的js，最后再加载jquery，这就导致出现上述未定义的问题，所以要注意引入的顺序。
<!-- 引入依赖jquery --> <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script> <!-- 引入easyUI js文件 --> <script type="text/javascript" src="js/jquery-easyui-1.5.3/jquery.easyui.min.js"></script> <!-- 引入EasyUI的样式文件--> <link rel="stylesheet" href="js/jquery-easyui-1.5.3/themes/default/easyui.css" type="text/css"/> <!-- 引入EasyUI的图标样式文件--> <link rel="stylesheet" href="js/jquery-easyui-1.5.3/themes/icon.css" type="text/css"/>
2.1使用easyUI
上面我们已经成功的银引入了easyUI相关的文件，那我我们来试一试效果吧，做一个简单的layout布局。
easyUI将我们的整个面板分为上北，下南，左西，右东，中。这五个部分。具体的会在另外一篇中讲到，这里只做个简单的Demo。
当然easyUI还有很多js文件，我们引入的只是一部分，只是能够简单跑起来。后期我们会随着需要的功能来引入更多的js文件，比如我们做国际化的时候就需要引入支持国际化为js文件。