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

创新互联公司是一家专注于成都网站设计、成都网站制作与策划设计,涪陵网站建设哪家好?创新互联公司做网站,专注于网站建设10余年,网设计领域的专业建站公司;建站业务涵盖:涪陵等地区。涪陵做网站价格咨询:18982081108

 

    百度一下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下打开即可解决。

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

网页名称：一、初识jQueryEasyUI
当前地址：http://kswjz.com/article/jpihdd.html