前言
新項目的開發前端技術打算採用EasyUI框架(基於EasyUI較爲豐富的UI組件庫),項目組長將前端EasyUI這塊的任務分配給了我。在進行開發之前,需要我這菜鳥對EasyUI框架進行一些基礎的入門學習。之後會在學習的過程中將自己遇到的問題和有用的東西記錄下來。
關於EasyUI
EasyUI框架式基於JQuery的,使用它幫助我們快捷的構建web網頁。EasyUI框架是一個簡單、易用、強大的輕量級web前端javascript框架。現階段來說,在開發web項目時,前端的開發我們更喜歡使用JQuery代替原生的javascript,原因大概是基於如下方面:
- JQuery是基於javascript的擴展,使頁面和腳本進行了分離。
- JQuery的宗旨:用最少的代碼最多的事。
- 在javascript的擴展(框架中),JQuery對於性能的理解是十分到位的。
- 基於JQuery的插件越來越多,也越來越人性化,對於項目的開發有一定的借鑑。
- 簡單、易學、快速上手讓其更具吸引力。
EasyUI的優點
EasyUI是基於JQuery的框架,相比於其他框架來說其具有如下的優點:
- EasyUI可以很容易的幫助創建web頁面。
- EasyUI是基於用戶界面的插件集合。
- EasyUI提供了構建更加現代,交互性的js程序應用。
- 通過EasyUI我們可是編寫一些html標記來定義用戶界面。
- 極大的提升項目開發的時間。
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的站點:
- EasyUI官網
- JQueryEasyUI中文社區:http://bbs.jeasyuicn.com/(張宇、夏季)
- EasyUI學習班:http://www.jeasyuicn.com/
- EasyUI入門視頻教程(easyui學習班提供)
- ........
好了,前期的準備已經差不多了,後續就是一點一點深入學習了。