【EasyUI學習-1】MyEclipse+easyui學習官方Demo

weixin_34321977發表於2015-05-20
介紹

easyui的介紹,網上很多,這裡就不進行介紹了。

easyUI獲取

官網: http://www.jeasyui.com/ 
下載之後得到壓縮包: 

利用MyEclipse工具學習easyUI

1. 建立專案EasyUIQs;
2. 在WebRoot目錄下,建立js/easyui目錄;
3. 將上一步下載好的easyUI解壓,將解壓後的檔案全部拷貝到目錄:js/easyui;如下是專案的目錄結構:



可能存在的錯誤

1. 當在MyEclipse下匯入easyui檔案時,可能會發現jquery.min.js檔案報錯;
這是因為,MyEclipse對js檔案檢查很嚴格,而從官網上下載的easyui的js檔案都是壓縮過的,MyEclipse檢查不過來才報錯的;
解決辦法:
這樣,就不會報錯了。


學習官網提供的Demo

從官網下載下拉easyui後,會發現裡面有個demo包,這裡面提供了大量的示例,我們只需要在tomcat下執行該專案,並在瀏覽器中輸入相應網址,就可以學習官方提供的程式碼了。

在tomcat下執行該專案後,在瀏覽器中輸入:http://localhost:8080/EasyUIQs/js/easyui/demo/accordion/actions.html ,就會看到如下介面:
檢視其他示例程式類似,這裡不再進行詳述。





附件列表