您好,登錄后才能下訂單哦!
用了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進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。