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

百度一下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、官方中文版示例地址为

JQueryEasyUI中文网:http://www.jeasyui.net/demo/380.html。

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

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

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