jQuery Easy是一組基於jQuery的UI插件集合,EasyUI的目標就是幫助web開發者更輕鬆的打造出功能豐富並且美觀的UI界面。開發者不需要編寫複雜的javascript,也不需要對css樣式有深入的瞭解,開發者需要瞭解的只有一些簡單的html標簽。 註:jQuery的特點 基於jQue
jQuery Easy是一組基於jQuery的UI插件集合,EasyUI的目標就是幫助web開發者更輕鬆的打造出功能豐富並且美觀的UI界面。開發者不需要編寫複雜的javascript,也不需要對css樣式有深入的瞭解,開發者需要瞭解的只有一些簡單的html標簽。
註:jQuery的特點
- 基於jQuery用戶界面插件的集合。
- 為一些當前用於交互的js應用提供必要的功能。
- 支持兩種渲染方式:js方式(如:$("#p").panel({......}))以及html方式(如:class="easyui-panel")。
- 可以通過data-options屬性來支持HTML5。
- 開發產品時可節省時間和資源。
- 簡單,但是非常強大。
- 支持擴展,可根據自己的需求擴展控制項。
jQuery EasyUI官方網址為:http://www.jeasyui.com/,其中文幫助在:http://www.zi-han.net/case/easyui/。
然後在下載jQuery包後,裡面有這些文件夾
- demo文件夾:主要放著一些示例的例子。
- locale文件夾:放著語言相關的js文件,其中中文語言包為easyui-lang-zh_CN.js文件。
- plugins文件夾:存放一些功能插件。(使用懶漢式載入必須保留,餓漢式載入可以刪除)
- src文件夾:各個插件的源文件,不是全部,其實有些功能不是開源的,是商業授權,因此沒有源文件。(正式項目不需要引用此文件夾)
- themes文件夾:存放主題,就是css文件和要用到的圖標文件,裡邊提供5種風格。(easyui.css是其它所有css的合併後結果)
註:搭建easyUI時,先新建一個html頁面然後在根目錄新建一個名為UI的文件夾並將jQuery EasyUI的包文件複製進去即可,但是必須先按如下的順序引用(在js標簽中加上charset="utf-8"可以防止頁面亂碼)
1 <link href="UI/themes/default/easyui.css" rel="stylesheet" /> 2 <link href="UI/themes/icon.css" rel="stylesheet" /> 3 <script src="UI/jquery-1.8.3.min.js"type="text/javascript" charset="utf-8"></script> 4 <script src="UI/jquery.easyui.min.js"type="text/javascript" charset="utf-8"></script> 5 <script src="UI/locale/easyui-lang-zh_CN.js"type="text/javascript" charset="utf-8"></script>