用了jQuery EasyUI(后面简称“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、官方中文版示例地址为
JQuery EasyUI中文网:http://www.jeasyui.net/demo/380.html。
官网列出了好多常用组件的示例,很有参考价值,建议初学者多去看看。
备注:做网页开发的都知道除IE以外其它浏览器都不支持本地ajax异步加载文件,所以2中提到的扩展只能在IE下打开,其它浏览器无法加载目录树。碰到此问题请在IE下打开即可解决。
本文是本人在天涯博客原创首发过的,所以有要说我抄袭,请看这句后再说话,古人云:“言宜缓,心宜善”。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。