用了jQuery EasyUI（后面简称“EasyUI”）半年了，做了一个项目，目前项目开发将近完成，对EasyUI算是有些开发经验了吧，所以想分享下开发中的那些事儿。

成都创新互联公司专注于企业营销型网站、网站重做改版、承留网站定制设计、自适应品牌网站建设、H5场景定制、成都做商城网站、集团公司官网建设、成都外贸网站建设、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为承留等各大城市提供网站开发制作服务。

  百度一下EasyUI，你会发现好多的教程，但大都只是些Demo及API的解释，而开发中的遇到的一些问题很少有解答，也许是没人问过吧。本人在本系列文章里就不过多的说明API了，主要是分享一些碰到的问题及我自己的解决办法，算是抛砖引玉吧。高手飘吧……^o^

  闲话少絮，如题本节先来了解下EasyUI。

  1、EasyUI的目录及主要文件结构：

    jquery-easyui

      ├demo：PC端所有组件的网页演示库。

      ├demo-mobile：手机端网页演示库

      ├locale：本地化资源文件库（国际化使用）。

      ├plugins：核心组件库（代码经过压缩的）。

      ├src：部分组件的源代码库（代码未经过压缩的）。

      ├themes：主题库（切换皮肤使用）。

      ├easyloader.js：组件加载器（EasyUI允许开发用户手动加载必要的插件）。

      ├jquery.easyui.min.js：完整组件库（被压缩的）。

      ├jquery.min.js：jQuery类库，本jQuery库能够支持IE6、7、8。

      ├licence_gpl.txt：GNU开源协议。

      └readme.txt：官方的Readme，你懂的。

    对目录及示例的翻译可以百度【风流涕淌】，其博客地址为http://www.cnblogs.com/Philoo/。在此提一下，我开发过程中主要的学习资料几乎都来自他翻译的API，有需要的可以去他博客找到下载。翻译的非常清楚，由于翻译量大，里面难免有个别的错别字，大家理解下，毕竟他是免费分享的，非常感谢。

  2、EasyUI的扩展，这个是我自己写的，方便查看，本人真心希望这部分能加入到【风流涕淌】的翻译压缩包中，方便大家使用。

    jquery-easyui

      ├syntaxhighlighter：代码高亮插件，百度一下就可以找到。

      ├easyui.menu.json.js：示例的菜单树结构数据。

      └index.html：示例代码查看页面。

    效果看下图即可。

    我会打包上传网上，供大家下载。

    下载地址：https://yunpan.cn/cYTNG4Ix6iEin （提取码：11a7）

    使用方法：解压到jquery-easyui根目录下即可（与demo为同级）。

    效果查看图：

 

    源码展示图：

  3、官方中文版示例地址为

     JQuery EasyUI中文网：http://www.jeasyui.net/demo/380.html。

    官网列出了好多常用组件的示例，很有参考价值，建议初学者多去看看。

备注：做网页开发的都知道除IE以外其它浏览器都不支持本地ajax异步加载文件，所以2中提到的扩展只能在IE下打开，其它浏览器无法加载目录树。碰到此问题请在IE下打开即可解决。

  本文是本人在天涯博客原创首发过的，所以有要说我抄袭，请看这句后再说话，古人云：“言宜缓，心宜善”。

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

网页名称：一、初识jQueryEasyUI-创新互联
路径分享：http://pwwzsj.com/article/cccchi.html