jQuery EasyUI是一组基于jQuery的UI插件集合，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的Javascript，也不需要对CSS样式 有深入的了解，开发者需要了解的只有一些简单的Html标签。

 

jQuery EasyUI还为我们提供了大多数UI控件的使用，如：accordion，combobox，menu，dialog，tabs，validatebox，datagrid，window，tree等等。

 

jQuery EasyUI是基于jQuery的一个前台ui界面的插件，功能相对没extjs强大，但页面也是相当好看的，同时页面支持各种themes以满足使用者对于页面不同风格的喜好。一些功能也足够开发者使用，相对于extjs更轻量。

 

EF5.0就是指Entity Framework 5.0,是微软近期重点推崇ORM框架,相于Nhibernate，他算是自家产品，所以与微软公司的其他产品的融入度也比较高，使用起来比较方便，功能也是相当的强大的，结合.NET的新语法用起来更是完美，因此他也成了现在许多公司拿来做数据执久层的上选。  

 

MVC是Model-View-Controller的缩写，可以将其简单理解为将数据模型、视图展示和业务逻辑代码强行分离的一种设计模式。它主要解决的是在复杂系统开发过程中出现的业务逻辑代码与视图展示代码互相混杂的问题。通过模块分离，开发者就可以把精力集中在解决实际的业务问题上了。

 一． Base(基础)

1. EasyLoader(简单加载)

 

2. Draggable(拖动)

(1)基本拖拽组件

(2)拖拽限制

(3)购物车

(4)学校课程表

 

3. Droppable(放置)

(1)基本可拽入容器

(2)改变托动物顺序

(3)接受一个拖拽物

 

4.Resizable(调整大小)

 

5.Pagination(分页)

(1)基本分页组件

(2)定制分页组件按钮

(3)简化分页组件

 

6. SearchBox(搜索框)

(1)基本搜索框组件

(2)分类查询

 

7. ProgressBar(进度条)

 

8. Tooltip(鼠标提示)

(1)基本提示信息组件

(2)提示信息位置

(3)定制提示信息内容

(4)定制提示信息风格

(5)提示信息组件作为工具条

(6)Ajax提示信息

(7)提示信息对话框

 

二． Layout(布局)

1. 面板组件

(1)基本面板组件

(2)面板工具

(3)定制面板工具

(4)加载面板内容

(5)嵌套面板

 

2. 选项卡组件

(1)基本选项卡组件

(2)选项卡自适应高度

(3)选项卡自动切换

(4)选项卡嵌套

(5)选项卡片工具

(6)选项卡工具

(7)选项卡位置

 

3. 可折叠面板组件

(1)基本可折叠面板

(2)可折叠面板工具

(3)通过AJAX加载内容

(4)可折叠面板相关操作

 

4. 布局组件

(1)基本布局组件

(2)全屏

(3)嵌套布局

(4)布局中无折叠按钮

(5)添加和删除布局组件

(6)复杂布局

 

三． Menu And Button(菜单和按纽)

1. 菜单组件

(1)基本菜单组件

(2)定制菜单项

(3)菜单事件

 

2. 链接按钮组件

(1)基本链接按钮

(2)普通连接按钮

(3)按钮图标对齐方式

(4)开关按钮

(5)按钮组

 

3. 菜单按钮组件

(1)基本菜单按钮

(2)菜单按钮相关操作

 

4. 分隔按钮组件

(1)基本分隔按钮

(2)分隔按纽相关操作

 

四． Form(表单)

1. 日期框组件

(1)基本日期框组件

(2)日期格式化

(3)日期框验证

(4)日期框事件

 

2. 日期时间框组件

(1)基本日期时间框

(2)为日期时间组件初始化值

(3)显示秒

 

3. 时间微调器组件

(1)基本时间微调器组件

(2)时间范围

(3)时间微调器相关操作

 

4. 日历组件

(1)基本日历组件

(2)一周的第一天

 

5. 数字框组件

(1)基本数字框组件

(2)数字范围

(3)格式化数字框

 

6. 数字框微调器组件

(1)基本数字微调器组件

(2)增量数

(3)数字范围

 

7. 验证框组件

(1)基本验证框组件

(2)定制验证框提示

 

8. 滑动器组件

(1)基本滑动组件

(2)滑动器标尺

(3)格式化提示信息

(4)垂直滑动器

 

9.下拉组件

 

10.下拉框组件

(1)基本下拉框组件

(2)动态加载下拉框数据

(3)下拉框多选

(4)导航下拉框

(5)下拉框自定义格式

(6)绑定远程数据

(7)下拉框组件相关操作

 

11. 下拉表格组件

(1)基本下拉表格组件

(2)为下拉表格赋初值

(3)多选下拉表格

(4)导航下拉表格

(5)下拉表格相关操作

 

12. 下拉树组件

(1)基本下拉树组件

(2)为下拉树赋初值

(3)多选下拉树

(4)下拉树操作

 

13. 表单组件

(1)基本表单组件

(2)加载表单数据

(3)AJAX表单提交

 

五． Window(窗口)

1. 窗体组件

(1)基本窗体组件

(2)定制窗体工具

(3)内部窗体

(4)模态窗口

(5)窗体布局

 

2. 对话窗体组件

(1)基本对话窗体组件

(2)工具栏和按钮

(3)对话窗体上的复杂工具栏

 

3. 消息框组件

(1)基本消息组件

(2)提醒消息组件

(3)交互式消息组件

(4)消息框位置

 

六． DataGrid And Tree(表格和树)

1. 数据表格组件

(1)基本数据表格

(2)把Table转化成数据表格

(3)数据表格中的行边框

(4)数据表格选择模型

(5)数据表格复选框选择模型

(6)数据表格工具条

(7)数据表格复杂工具条

(8)定制数据表格分页

(9)数据表格客户端分页

(10)列组合

(11)数据表格列对齐

(12)数据表格中冻结列

(13)格式化数据表格列

(14)数据表格中冻结行

(15)数据表格中的行编辑

(16)数据表格行样式

(17)数据表格单元格样式

(18)数据表格页脚行

(19)数据表格右键菜单

(20)数据表格合并单元格

 

2. 属性表格组件

(1)基本属性表格

(2)属性表格定制列

(3)分组格式化

 

3.树形菜单组件

(1)基本树组件

(2)动画效果树

(3)复选框树

(4)树结构线

(5)树节点图标

(6)树相关操作

(7)树右键菜单

(8)拖放树节点

(9)可编辑树

 

4.树形表格组件

(1)基本树形表格

(2)树形表格相关操作

(3)树形表格右键菜单

(4)可编辑树形表格

(5)树形表格底部行

(6)树形表格报表

 

当然在最后为了能让大家尽快熟悉架构和上手EasyUI，特意为大家呈现了一个项目案例，通过此项目案例更能投射出架构强大和灵活及EasyUI的优美应用。

 

框架代码结构

 

 

业务层仓储

 

封装EF