《jQuery EasyUI開發指南》——1.9 搭建jQuery EasyUI開發環境

本節書摘來自異步社群《jquery easyui開發指南》一書中的第1章，第1.9節，作者：王波著，更多章節内容可以通路雲栖社群“異步社群”公衆号檢視

jquery easyui開發環境的搭建比較簡單。因為jquery easyui屬于前端插件，是以隻需要在寫前端頁面的時候引入它們的javascript檔案即可，其餘不用什麼複雜的配置。相比之下，前端開發環境的配置要比後端簡單得多。

如果不引用相應的javascript檔案，直接在頁面中寫入代碼，會報前台javascript錯誤，一般都是缺少對象。

為了管理友善，我們需要在webroot目錄下建立一個jquery檔案夾，統一存放使用jquery所需要的javascript檔案。同樣的，也需要在webroot目錄下建立一個easyui檔案夾，用于存放easyui所需要的javascript檔案。

引入jquery的代碼如下：

<code>&lt;script src="scripts/jquery.js" type="text/javascript"&gt;&lt;/script&gt;</code>

引入easyui的代碼如下：

因為easyui引入的檔案比較多，是以一般直接複制easyui提供的檔案夾即可。引入的時候，要合理安排目錄結構。這樣，可以做到讓引入的檔案清晰明了，不會讓人迷茫。在确定目錄結構之後，在後面的開發過程中，隻要寫前端頁面都要引入這段代碼，是以合理安排目錄結構有着不同尋常的意義。

至此，整個管理系統的開發架構，還有前端插件的引用都已經完成了。下面就可以正式進行開發了。