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

1）EasyUI1.3

本套课程首先详细的从零开始的全方位的以案例的方式向大家讲解了EasyUI1.3的几乎所有应用，近两百案例，可以直接拿本课程中的案例用到自己的项目中去，且牵涉到与后台进行数据互动的均采用MVC的方式提供数据，所有代码一目了然，且90%的案例核心代码均采用手敲方式完成。

(2)企业级架构

本套课程还结合EasyUI1.3为大家提供了一套基于N-Tier、MVC4、EF5、Spring.net和T4的企业级架构且整个搭建过程全程实录，把学习难度几乎降低为零，此架构把服务端封装成了傻瓜式的操作，以便程序员把更多的精力放到业务和用户体验上。

其中的N-Tier分层思想成功的把MVC的Model剥离了出来并组建了Repository（仓储层）、Infrastructure（公共层）和Service(服务层)为MVC的View灵活地提供灵活的数据，其中的仓储层和服务层又采用了抽象工厂设计模式，让其能同时从Sqlserver和Oracle等其他不同类型的数据库提取数据。

另外通过各层之间的接口和Spring.net构建了一套层与层之间交互的仓储机制，彻底的实现了各层之间的低耦合，完全通过配置文件的配置信息指定各层之间需要调用和访问的程序集文件。

还有一个亮点就是利用微软的T4模板技术、EF5.0和partial机制在架构内部内置了一套代码生成器，小巧灵活且功能强大，并且生成的代码完全符合OPEN-CLOSE思想，如果数据库发生变化，只须保存一下T4文件，其他后期扩展代码不会受到任何影响。

 一． 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

项目案例