?
jQuery EasyUI是一組基于jQuery的UI插件集合，而jQuery EasyUI的目標(biāo)就是幫助web開發(fā)者更輕松的打造出功能豐富并且美觀的UI界面。開發(fā)者不需要編寫復(fù)雜的Javascript，也不需要對(duì)CSS樣式 有深入的了解，開發(fā)者需要了解的只有一些簡單的Html標(biāo)簽。
?
jQuery EasyUI還為我們提供了大多數(shù)UI控件的使用，如：accordion，combobox，menu，dialog，tabs，validatebox，datagrid，window，tree等等。
?
jQuery EasyUI是基于jQuery的一個(gè)前臺(tái)ui界面的插件，功能相對(duì)沒extjs強(qiáng)大，但頁面也是相當(dāng)好看的，同時(shí)頁面支持各種themes以滿足使用者對(duì)于頁面不同風(fēng)格的喜好。一些功能也足夠開發(fā)者使用，相對(duì)于extjs更輕量。
?
EF5.0就是指Entity Framework 5.0,是微軟近期重點(diǎn)推崇ORM框架,相于Nhibernate，他算是自家產(chǎn)品，所以與微軟公司的其他產(chǎn)品的融入度也比較高，使用起來比較方便，功能也是相當(dāng)?shù)膹?qiáng)大的，結(jié)合.NET的新語法用起來更是完美，因此他也成了現(xiàn)在許多公司拿來做數(shù)據(jù)執(zhí)久層的上選。 ?
?
MVC是Model-View-Controller的縮寫，可以將其簡單理解為將數(shù)據(jù)模型、視圖展示和業(yè)務(wù)邏輯代碼強(qiáng)行分離的一種設(shè)計(jì)模式。它主要解決的是在復(fù)雜系統(tǒng)開發(fā)過程中出現(xiàn)的業(yè)務(wù)邏輯代碼與視圖展示代碼互相混雜的問題。通過模塊分離，開發(fā)者就可以把精力集中在解決實(shí)際的業(yè)務(wù)問題上了。
?一． Base(基礎(chǔ))
1. EasyLoader(簡單加載)
?
2. Draggable(拖動(dòng))
(1)基本拖拽組件
(2)拖拽限制
(3)購物車
(4)學(xué)校課程表
?
3. Droppable(放置)
(1)基本可拽入容器
(2)改變托動(dòng)物順序
(3)接受一個(gè)拖拽物
?
4.Resizable(調(diào)整大小)
?
5.Pagination(分頁)
(1)基本分頁組件
(2)定制分頁組件按鈕
(3)簡化分頁組件
?
6. SearchBox(搜索框)
(1)基本搜索框組件
(2)分類查詢
?
7. ProgressBar(進(jìn)度條)
?
8. Tooltip(鼠標(biāo)提示)
(1)基本提示信息組件
(2)提示信息位置
(3)定制提示信息內(nèi)容
(4)定制提示信息風(fēng)格
(5)提示信息組件作為工具條
(6)Ajax提示信息
(7)提示信息對(duì)話框
?
二． Layout(布局)
1. 面板組件
(1)基本面板組件
(2)面板工具
(3)定制面板工具
(4)加載面板內(nèi)容
(5)嵌套面板
?
2. 選項(xiàng)卡組件
(1)基本選項(xiàng)卡組件
(2)選項(xiàng)卡自適應(yīng)高度
(3)選項(xiàng)卡自動(dòng)切換
(4)選項(xiàng)卡嵌套
(5)選項(xiàng)卡片工具
(6)選項(xiàng)卡工具
(7)選項(xiàng)卡位置
?
3. 可折疊面板組件
(1)基本可折疊面板
(2)可折疊面板工具
(3)通過AJAX加載內(nèi)容
(4)可折疊面板相關(guān)操作
?
4. 布局組件
(1)基本布局組件
(2)全屏
(3)嵌套布局
(4)布局中無折疊按鈕
(5)添加和刪除布局組件
(6)復(fù)雜布局
?
三． Menu And Button(菜單和按紐)
1. 菜單組件
(1)基本菜單組件
(2)定制菜單項(xiàng)
(3)菜單事件
?
2. 鏈接按鈕組件
(1)基本鏈接按鈕
(2)普通連接按鈕
(3)按鈕圖標(biāo)對(duì)齊方式
(4)開關(guān)按鈕
(5)按鈕組
?
3. 菜單按鈕組件
(1)基本菜單按鈕
(2)菜單按鈕相關(guān)操作
?
4. 分隔按鈕組件
(1)基本分隔按鈕
(2)分隔按紐相關(guān)操作
?
四． Form(表單)
1. 日期框組件
(1)基本日期框組件
(2)日期格式化
(3)日期框驗(yàn)證
(4)日期框事件
?
2. 日期時(shí)間框組件
(1)基本日期時(shí)間框
(2)為日期時(shí)間組件初始化值
(3)顯示秒
?
3. 時(shí)間微調(diào)器組件
(1)基本時(shí)間微調(diào)器組件
(2)時(shí)間范圍
(3)時(shí)間微調(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. 驗(yàn)證框組件
(1)基本驗(yàn)證框組件
(2)定制驗(yàn)證框提示
?
8. 滑動(dòng)器組件
(1)基本滑動(dòng)組件
(2)滑動(dòng)器標(biāo)尺
(3)格式化提示信息
(4)垂直滑動(dòng)器
?
9.下拉組件
?
10.下拉框組件
(1)基本下拉框組件
(2)動(dòng)態(tài)加載下拉框數(shù)據(jù)
(3)下拉框多選
(4)導(dǎo)航下拉框
(5)下拉框自定義格式
(6)綁定遠(yuǎn)程數(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. 對(duì)話窗體組件
(1)基本對(duì)話窗體組件
(2)工具欄和按鈕
(3)對(duì)話窗體上的復(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ù)表格列對(duì)齊
(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)動(dòng)畫效果樹
(3)復(fù)選框樹
(4)樹結(jié)構(gòu)線
(5)樹節(jié)點(diǎn)圖標(biāo)
(6)樹相關(guān)操作
(7)樹右鍵菜單
(8)拖放樹節(jié)點(diǎn)
(9)可編輯樹
?
4.樹形表格組件
(1)基本樹形表格
(2)樹形表格相關(guān)操作
(3)樹形表格右鍵菜單
(4)可編輯樹形表格
(5)樹形表格底部行
(6)樹形表格報(bào)表
?
當(dāng)然在最后為了能讓大家盡快熟悉架構(gòu)和上手EasyUI，特意為大家呈現(xiàn)了一個(gè)項(xiàng)目案例，通過此項(xiàng)目案例更能投射出架構(gòu)強(qiáng)大和靈活及EasyUI的優(yōu)美應(yīng)用。
?
框架代碼結(jié)構(gòu)
?
.png)
?
業(yè)務(wù)層倉儲(chǔ)
.png)
?
封裝EF
合作伙伴與授權(quán)機(jī)構(gòu)
總部李老師
