JQuery EasyUI架構學習

標籤：easyui

前言新項目的開發前端技術打算採用EasyUI架構(基於EasyUI較為豐富的UI組件庫),項目組長將前端EasyUI這塊的任務分配給了我。在進行開發之前,需要我這菜鳥對EasyUI架構進行一些基礎的入門學習。之後會在學習的過程中將自己遇到的問題和有用的東西記錄下來。關於EasyUIEasyUI架構式基於JQuery的,使用它協助我們快捷的構建web網頁。EasyUI架構是一個簡單、易用、強大的輕量級web前端javascript架構。現階段來說，在開發web項目時,前端的開發我們更喜歡使用JQuery代替原生的javascript,原因大概是基於如下方面：

• JQuery是基於javascript的擴充,使頁面和指令碼進行了分離。
• JQuery的宗旨:用最少的代碼最多的事。
• 在javascript的擴充(架構中),JQuery對於效能的理解是十分到位的。
• 基於JQuery的外掛程式越來越多,也越來越人性化,對於項目的開發有一定的借鑒。
• 簡單、易學、快速上手讓其更具吸引力。

EasyUI的優點EasyUI是基於JQuery的架構,相比於其他架構來說其具有如下的優點:

1. EasyUI可以很容易的協助建立web頁面。
2. EasyUI是基於使用者介面的外掛程式集合。
3. EasyUI提供了構建更加現代，互動性的js程式應用。
4. 通過EasyUI我們可是編寫一些html標記來定義使用者介面。
5. 極大的提升項目開發的時間。

EasyUI的使用最基本的使用就是引入easyui.min.js檔案，以及其對應的jquery.min.js檔案。注意的是jquery-easyui是基於jquery的,因此jquery.min.js檔案最好先於easyui.min.js先引入。

<script type="text/javascript" src="jquery-easyui-1.3.6/jquery.min.js"></script><script type="text/javascript" src="jquery-easyui-1.3.6/jquery.easyui.min.js"></script>

前面也說道了,EasyUI是外掛程式集合,需要用到的時候在自行引入就可以了。EasyUI的下載和學習EasyUI的下載推薦EasyUI官網:http://www.jeasyui.com/EasyUI的學習,官網上已經提供了非常豐富的學習執行個體,而且Demo非常豐富。這裡推薦幾個有用學習easyui的網站：

1. EasyUI官網
2. JQueryEasyUI中文社區:http://bbs.jeasyuicn.com/(張宇、夏季)
3. EasyUI學習班:http://www.jeasyuicn.com/
4. EasyUI入門視頻教程(easyui學習班提供)
5. ........

好了,前期的準備已經差不多了,後續就是一點一點深入學習了。