成都网站建设设计

将想法与焦点和您一起共享

一、初识jQueryEasyUI

    用了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为同级)。

 

 

        效果查看图:

 一、初识jQuery EasyUI

 

       源码展示图:

一、初识jQuery EasyUI

 

 

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

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

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

 

一、初识jQuery EasyUI

 

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

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


分享名称:一、初识jQueryEasyUI
链接分享:http://chengdu.cdxwcx.cn/article/jpihdd.html