eazyui学习总章

easyUI的目录结构

easyUI从官网下载下来之后，一般都是有一个完整的目录结构，目前官网的最新版本是jquery-easyui-1.5.1，如下。

    文件说明:

          Demo：是easyUI的使用示例，网页端示例，正式项目中不需要引用此文件夹内容。

          Demo-mobile：是easyUI的使用示例，移动端网页示例，正式项目中不需要引用此文件夹内容。

          Locale：是国际化支持，里面都是各种语言的支持包，只须保留你想用的语言相对应的文件，国内一般只保留easyui-lang-zh_CN.js文件。

          Plugins：是easyUI使用的插件，注意，使用懒汉式加载必须保留，饿汉式加载可以删除。

          Src：是部分easyUI插件的源码，其中，有些功能不是开源的，是商业授权，因此没有源文件，正式项目不需要引用此文件夹。

          Themes：包含多套easyUI可以使用的主题。

          Changelog.txt：更新日志，记录了easyUI每一个版本发生的变化。

          Easyloader.js：加载器，可以动态的加载项目用到的 EasyUI 插件。

          Jquery.easyui.min.js：EasyUIPC版主文件，它是plugins下所有文件合并后的结果，因此，它在使用懒汉式加载必须保留，饿汉式加载不会使用到，可以删除。

          Jquery.easyui.mobile.js：EasyUI移动版主文件。

          Jquery.min.js：EasyUI所依赖的 jQuery 主文件，easyui是基于jquery的，因此该文件是必须的。

          License_freeware.txt：许可协议。

          Readme.txt：软件版本说明。

二：下载解压

将下面红圈中的考到项目的webapp下面，因为它提供了说明文档，demo，这些不需要考到项目中

三：页面引入下面几个文件即可使用jquery easyui的的所有功能

<1>.引用Jquery的Js文件
<script src="jquery-easyui-1.3.4/jquery-1.8.0.min.js" type="text/javascript"></script>
<2>.引用Easy UI的Js文件
<script src="jquery-easyui-1.3.4/jquery.easyui.min.js" type="text/javascript"></script>
<3>.导入Easy UI的主题Css文件
<link href="jquery-easyui-1.3.4/themes/default/easyui.css" rel="stylesheet" type="text/css" />
<4>.导入Easy UI的图标Css文件
<link href="jquery-easyui-1.3.4/themes/icon.css" rel="stylesheet" type="text/css" />
<5>.引用Easy UI的国际化文件         以下为让它显示中文
<script src="jquery-easyui-1.3.4/locale/easyui-lang-zh_CN.js" type="text/javascript"></script>

通过加载器eazyloader.js引入使用比较麻烦，而且分开引入效率慢