jQuery EasyUI是什麼？
EasyUI是一組基於jQuery的UI（用戶界面）插件集合，而jQuery EasyUI的目標就是幫助web前端開發者更輕鬆的打造出功能豐富並且美觀的UI界面。
使用EasyUI不需要編寫複雜的JavaScript，也不需要對css樣式有深入的了解，你只需要通過編寫一些簡單HTML標記，就可以定義UI界面。
EasyUI框架項目結構
我們打開EasyUI項目文件夾，可以清楚的看到項目目錄。
從圖中可以看到EasyUI文件夾下面有許多子文件，那麼它們分別有什麼作用？讓我來一一說明。
demo：web案例；
demo-mobile：移動端案例；
Locale：本地化（漢化包）；
Plugins：EasyUI所有插件；
Src：插件的源碼，如果買了商業授權就有全部源碼；
Themes：主題（皮膚），存放css，img；
changlog.txt：升級日誌；
easyloader.js：內部實現了一個js加載器，根據應用的需求加載js文件，而不是一次性加載所有文件；
jquery.easyui.min.js：所有插件集的壓縮文件；
jquery.min.js：EasyUI當前版本兼容的jQuery庫；
搭建EasyUI環境
1、將EasyUI的項目文件夾加入到web項目中。
這裡有一點需要特別注意，就是EasyUI的項目文件夾名稱最好不要攜帶EasyUI的版本號，不利於後期升級修改。
2、導入資源
首先我們要新建一個公共網頁common.jsp，然後引入EasyUI需要的js和css，如圖：
3、把創建的EasyUI項目跑起來。
去掉原來pss文件夾前面的勾選，修改tomcat/conf/server.xml，指向EasyUI的webapp目錄。
啟動後網頁效果如圖：
我們可以從圖中看到，我們引入的EasyUI需要的js和css資源，已經在網頁中全部加載出來了。
輕鬆使用 jQuery 和 HTML5
jQuery EasyUI 提供易於使用的組件，它使Web開發人員快速地在流行的jQuery核心和 HTML5上建立程序頁面。這些功能使我們的應用適合今天的網絡。
EasyUI是個完美支持H5 網頁的完整框架。
EasyUI節省了網頁開發的時間和規模。
EasyUI非常簡單，但是功能非常強大。
原創文章，作者：投稿專員，如若轉載，請註明出處：https://www.506064.com/zh-hant/n/226901.html
微信掃一掃 
支付寶掃一掃 