?

jQuery EasyUI是一組基于jQuery的UI插件集合，而jQuery EasyUI的目標就是幫助web開發(fā)者更輕松的打造出功能豐富并且美觀的UI界面。開發(fā)者不需要編寫復(fù)雜的Javascript，也不需要對CSS樣式 有深入的了解，開發(fā)者需要了解的只有一些簡單的Html標簽。

?

jQuery EasyUI還為我們提供了大多數(shù)UI控件的使用，如：accordion，combobox，menu，dialog，tabs，validatebox，datagrid，window，tree等等。

?

jQuery EasyUI是基于jQuery的一個前臺ui界面的插件，功能相對沒extjs強大，但頁面也是相當好看的，同時頁面支持各種themes以滿足使用者對于頁面不同風(fēng)格的喜好。一些功能也足夠開發(fā)者使用，相對于extjs更輕量。

?

EF5.0就是指Entity Framework 5.0,是微軟近期重點推崇ORM框架,相于Nhibernate，他算是自家產(chǎn)品，所以與微軟公司的其他產(chǎn)品的融入度也比較高，使用起來比較方便，功能也是相當?shù)膹姶蟮模Y(jié)合.NET的新語法用起來更是完美，因此他也成了現(xiàn)在許多公司拿來做數(shù)據(jù)執(zhí)久層的上選。 ?

?

MVC是Model-View-Controller的縮寫，可以將其簡單理解為將數(shù)據(jù)模型、視圖展示和業(yè)務(wù)邏輯代碼強行分離的一種設(shè)計模式。它主要解決的是在復(fù)雜系統(tǒng)開發(fā)過程中出現(xiàn)的業(yè)務(wù)邏輯代碼與視圖展示代碼互相混雜的問題。通過模塊分離，開發(fā)者就可以把精力集中在解決實際的業(yè)務(wù)問題上了。

?一． Base(基礎(chǔ))

1. EasyLoader(簡單加載)

?

2. Draggable(拖動)

(1)基本拖拽組件

(2)拖拽限制

(3)購物車

(4)學(xué)校課程表

?

3. Droppable(放置)

(1)基本可拽入容器

(2)改變托動物順序

(3)接受一個拖拽物

?

4.Resizable(調(diào)整大小)

?

5.Pagination(分頁)

(1)基本分頁組件

(2)定制分頁組件按鈕

(3)簡化分頁組件

?

6. SearchBox(搜索框)

(1)基本搜索框組件

(2)分類查詢

?

7. ProgressBar(進度條)

?

8. Tooltip(鼠標提示)

(1)基本提示信息組件

(2)提示信息位置

(3)定制提示信息內(nèi)容

(4)定制提示信息風(fēng)格

(5)提示信息組件作為工具條

(6)Ajax提示信息

(7)提示信息對話框

?

二． Layout(布局)

1. 面板組件

(1)基本面板組件

(2)面板工具

(3)定制面板工具

(4)加載面板內(nèi)容

(5)嵌套面板

?

2. 選項卡組件

(1)基本選項卡組件

(2)選項卡自適應(yīng)高度

(3)選項卡自動切換

(4)選項卡嵌套

(5)選項卡片工具

(6)選項卡工具

(7)選項卡位置

?

3. 可折疊面板組件

(1)基本可折疊面板

(2)可折疊面板工具

(3)通過AJAX加載內(nèi)容

(4)可折疊面板相關(guān)操作

?

4. 布局組件

(1)基本布局組件

(2)全屏

(3)嵌套布局

(4)布局中無折疊按鈕

(5)添加和刪除布局組件

(6)復(fù)雜布局

?

三． Menu And Button(菜單和按紐)

1. 菜單組件

(1)基本菜單組件

(2)定制菜單項

(3)菜單事件

?

2. 鏈接按鈕組件

(1)基本鏈接按鈕

(2)普通連接按鈕

(3)按鈕圖標對齊方式

(4)開關(guān)按鈕

(5)按鈕組

?

3. 菜單按鈕組件

(1)基本菜單按鈕

(2)菜單按鈕相關(guān)操作

?

4. 分隔按鈕組件

(1)基本分隔按鈕

(2)分隔按紐相關(guān)操作

?

四． Form(表單)

1. 日期框組件

(1)基本日期框組件

(2)日期格式化

(3)日期框驗證

(4)日期框事件

?

2. 日期時間框組件

(1)基本日期時間框

(2)為日期時間組件初始化值

(3)顯示秒

?

3. 時間微調(diào)器組件

(1)基本時間微調(diào)器組件

(2)時間范圍

(3)時間微調(diào)器相關(guān)操作

?

4. 日歷組件

(1)基本日歷組件

(2)一周的第一天

?

5. 數(shù)字框組件

(1)基本數(shù)字框組件

(2)數(shù)字范圍

(3)格式化數(shù)字框

?

6. 數(shù)字框微調(diào)器組件

(1)基本數(shù)字微調(diào)器組件

(2)增量數(shù)

(3)數(shù)字范圍

?

7. 驗證框組件

(1)基本驗證框組件

(2)定制驗證框提示

?

8. 滑動器組件

(1)基本滑動組件

(2)滑動器標尺

(3)格式化提示信息

(4)垂直滑動器

?

9.下拉組件

?

10.下拉框組件

(1)基本下拉框組件

(2)動態(tài)加載下拉框數(shù)據(jù)

(3)下拉框多選

(4)導(dǎo)航下拉框

(5)下拉框自定義格式

(6)綁定遠程數(shù)據(jù)

(7)下拉框組件相關(guān)操作

?

11. 下拉表格組件

(1)基本下拉表格組件

(2)為下拉表格賦初值

(3)多選下拉表格

(4)導(dǎo)航下拉表格

(5)下拉表格相關(guān)操作

?

12. 下拉樹組件

(1)基本下拉樹組件

(2)為下拉樹賦初值

(3)多選下拉樹

(4)下拉樹操作

?

13. 表單組件

(1)基本表單組件

(2)加載表單數(shù)據(jù)

(3)AJAX表單提交

?

五． Window(窗口)

1. 窗體組件

(1)基本窗體組件

(2)定制窗體工具

(3)內(nèi)部窗體

(4)模態(tài)窗口

(5)窗體布局

?

2. 對話窗體組件

(1)基本對話窗體組件

(2)工具欄和按鈕

(3)對話窗體上的復(fù)雜工具欄

?

3. 消息框組件

(1)基本消息組件

(2)提醒消息組件

(3)交互式消息組件

(4)消息框位置

?

六． DataGrid And Tree(表格和樹)

1. 數(shù)據(jù)表格組件

(1)基本數(shù)據(jù)表格

(2)把Table轉(zhuǎn)化成數(shù)據(jù)表格

(3)數(shù)據(jù)表格中的行邊框

(4)數(shù)據(jù)表格選擇模型

(5)數(shù)據(jù)表格復(fù)選框選擇模型

(6)數(shù)據(jù)表格工具條

(7)數(shù)據(jù)表格復(fù)雜工具條

(8)定制數(shù)據(jù)表格分頁

(9)數(shù)據(jù)表格客戶端分頁

(10)列組合

(11)數(shù)據(jù)表格列對齊

(12)數(shù)據(jù)表格中凍結(jié)列

(13)格式化數(shù)據(jù)表格列

(14)數(shù)據(jù)表格中凍結(jié)行

(15)數(shù)據(jù)表格中的行編輯

(16)數(shù)據(jù)表格行樣式

(17)數(shù)據(jù)表格單元格樣式

(18)數(shù)據(jù)表格頁腳行

(19)數(shù)據(jù)表格右鍵菜單

(20)數(shù)據(jù)表格合并單元格

?

2. 屬性表格組件

(1)基本屬性表格

(2)屬性表格定制列

(3)分組格式化

?

3.樹形菜單組件

(1)基本樹組件

(2)動畫效果樹

(3)復(fù)選框樹

(4)樹結(jié)構(gòu)線

(5)樹節(jié)點圖標

(6)樹相關(guān)操作

(7)樹右鍵菜單

(8)拖放樹節(jié)點

(9)可編輯樹

?

4.樹形表格組件

(1)基本樹形表格

(2)樹形表格相關(guān)操作

(3)樹形表格右鍵菜單

(4)可編輯樹形表格

(5)樹形表格底部行

(6)樹形表格報表

?

當然在最后為了能讓大家盡快熟悉架構(gòu)和上手EasyUI，特意為大家呈現(xiàn)了一個項目案例，通過此項目案例更能投射出架構(gòu)強大和靈活及EasyUI的優(yōu)美應(yīng)用。

?

框架代碼結(jié)構(gòu)

?

?

業(yè)務(wù)層倉儲

?

封裝EF

?

?