一、初識jQuery EasyUI

    用了jQuery EasyUI（后面簡稱“EasyUI”）半年了，做了一個項(xiàng)目，目前項(xiàng)目開發(fā)將近完成，對EasyUI算是有些開發(fā)經(jīng)驗(yàn)了吧，所以想分享下開發(fā)中的那些事兒。

    百度一下EasyUI，你會發(fā)現(xiàn)好多的教程，但大都只是些Demo及API的解釋，而開發(fā)中的遇到的一些問題很少有解答，也許是沒人問過吧。本人在本系列文章里就不過多的說明API了，主要是分享一些碰到的問題及我自己的解決辦法，算是拋磚引玉吧。高手飄吧……^o^

    閑話少絮，如題本節(jié)先來了解下EasyUI。

    1、EasyUI的目錄及主要文件結(jié)構(gòu)：

        jquery-easyui

            ├demo：PC端所有組件的網(wǎng)頁演示庫。

            ├demo-mobile：手機(jī)端網(wǎng)頁演示庫

            ├locale：本地化資源文件庫（國際化使用）。

            ├plugins：核心組件庫（代碼經(jīng)過壓縮的）。

            ├src：部分組件的源代碼庫（代碼未經(jīng)過壓縮的）。

            ├themes：主題庫（切換皮膚使用）。

            ├easyloader.js：組件加載器（EasyUI允許開發(fā)用戶手動加載必要的插件）。

            ├jquery.easyui.min.js：完整組件庫（被壓縮的）。

            ├jquery.min.js：jQuery類庫，本jQuery庫能夠支持IE6、7、8。

            ├licence_gpl.txt：GNU開源協(xié)議。

            └readme.txt：官方的Readme，你懂的。

        對目錄及示例的翻譯可以百度【風(fēng)流涕淌】，其博客地址為http://www.cnblogs.com/Philoo/。在此提一下，我開發(fā)過程中主要的學(xué)習(xí)資料幾乎都來自他翻譯的API，有需要的可以去他博客找到下載。翻譯的非常清楚，由于翻譯量大，里面難免有個別的錯別字，大家理解下，畢竟他是免費(fèi)分享的，非常感謝。

    2、EasyUI的擴(kuò)展，這個是我自己寫的，方便查看，本人真心希望這部分能加入到【風(fēng)流涕淌】的翻譯壓縮包中，方便大家使用。

        jquery-easyui

            ├syntaxhighlighter：代碼高亮插件，百度一下就可以找到。

            ├easyui.menu.json.js：示例的菜單樹結(jié)構(gòu)數(shù)據(jù)。

            └index.html：示例代碼查看頁面。

        效果看下圖即可。

        我會打包上傳網(wǎng)上，供大家下載。

        下載地址：https://yunpan.cn/cYTNG4Ix6iEin （提取碼：11a7）

        使用方法：解壓到j(luò)query-easyui根目錄下即可（與demo為同級）。

        效果查看圖：

       源碼展示圖：

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

        JQuery EasyUI中文網(wǎng)：http://www.jeasyui.net/demo/380.html。 

        官網(wǎng)列出了好多常用組件的示例，很有參考價值，建議初學(xué)者多去看看。

備注：做網(wǎng)頁開發(fā)的都知道除IE以外其它瀏覽器都不支持本地ajax異步加載文件，所以2中提到的擴(kuò)展只能在IE下打開，其它瀏覽器無法加載目錄樹。碰到此問題請?jiān)贗E下打開即可解決。

    本文是本人在天涯博客原創(chuàng)首發(fā)過的，所以有要說我抄襲，請看這句后再說話，古人云：“言宜緩，心宜善”。