最近花了很多时间在重构和进一步提炼Winform开发框架的工作上，加上时不时有一些项目的开发工作，我博客里面介绍Web开发框架的文章比较少，其实以前在单位工作，80%的时间是做Web开发的，很早就形成了自己的一套Web开发框架，但是由于一些个人原因，一直没有来得及好好整理和推广，其实那套Web开发框架对大多数企业信息化还是很有帮助的，包括了整体性的框架布局、样式，以及权限控制、菜单管理、字典管理、工作流审批管理等常见模块，不过总体觉得技术上是采用asp.net的Webform技术，因此现在MVC大行其道，一直想把它彻底改造过来，本文是介绍基于MVC4+EasyUI的最新版Web开发框架的一系列形成过程，期间包括一些MVC4技术，EasyUI技术，JQuery技术，以及一些我对整体框架改造的基础性东西，力求更加稳定、通用、高效、简洁，最少的代码做最多的事情。

1、旧的Web开发框架回顾

在原先的Web框架里面，主要是采用FrameSet的原始方式进行布局，很多内容依靠Javascript类库进行操作，小部分采用了EasyUI的一些特性，总体来说，是比较传统的一种框架模式，这个框架里面我已经集成了用户角色等权限方面的管理和控制、菜单管理、字典管理、业务流程审批管理等模块，因此对开发常规的行业应用有着比较快的开发效率，不过缺点也比较明显，就是在多浏览器支持方面，没有做的很好，框架里面采用的布局、样式及技术等方面不够统一，不够新颖，但即使这样，这套框架也顺利用来开发了几套很大规模的行业应用了，项目的大概布局和样式，如下所以。

在Ajax技术如火如荼的时候，我也常常觉得，应该结合一些新的技术特点，来改造一下我自己的框架，因此，使用了纯粹的AJax技术+Asp.NET的“一般处理程序”，也就是ashx的C#后台处理 + HTML的页面来实现数据的处理和显示操作，于是我调整开发了Web的权限系统作为实验（详细可参考《Web开发框架之权限管理系统》一文的介绍，界面效果如下所示。

这种框架的布局其实已经是利用了比较潮的EasyUI界面布局，得到一些老客户的支持和鼓励，不过我觉得如果把框架全部调整为这种HTML+AJax+ASHX处理方式，我觉得还是挺麻烦的，而且逐渐MVC这一技术已经越来越成熟和应用更广泛了，因此整体性使用MVC来处理，可能能够带来更好的效率和减少复杂性。

不过我觉得使用EasyUI来实现这样的布局，以及模块的分页面展示（类似Winform的多文档管理，且可以右键菜单进行多种关闭页面）的方式，对一些企业应用、行业管理系统、单位信息化系统，应该是比较不错的界面展示了，相对于上面第一种的框架界面，这种更具有浏览器兼容性，能够适应多浏览器的展现，这样整个世界就清净很多了。

2、基于MVC+EasyUI的框架效果

因此为了搭建整个MVC+EasyUI等技术结合的Web开发框架，就从我原先开发的Web的通用权限管理系统进行改进，来实现整个开发框架的预演了。首先我利用Winform权管理系统的业务逻辑等底层模块，在这个基础上开发基于MVC的Web项目，也就是界面层以下的逻辑我们暂且不考虑，专注MVC带来的变化。

下面的项目工程文件视图，是我做好的，基于MVC4+EasyUI的最新的Web权限管理系统。

运行系统后，登录界面和主界面如下所示。

我们知道，一般信息管理系统都是需要分页显示，编辑，查看等内容的，这些使用EasyUI来实现效果还是比较好的。下面我以一个登录日志的模块来展示分页处理和弹出对话框，展示信息。

编辑界面效果如下所示。

如果查看信息，则不需要编辑框了，直接用Lable展示即可，如下所示。

这些就是整个改造后的权限系统里面的一些截图界面，权当做一个总体性的概括，不设计技术实现的任何东西，下篇开始，着重介绍MVC项目中设计到的一些技术实现和经验总结，希望大家多多支持。

基于MVC4+EasyUI的Web开发框架的系列文章：

基于MVC4+EasyUI的Web开发框架形成之旅--总体介绍

基于MVC4+EasyUI的Web开发框架形成之旅--MVC控制器的设计

基于MVC4+EasyUI的Web开发框架形成之旅--界面控件的使用

基于MVC4+EasyUI的Web开发框架形成之旅--附件上传组件uploadify的使用

基于MVC4+EasyUI的Web开发框架形成之旅--框架总体界面介绍

基于MVC4+EasyUI的Web开发框架形成之旅--基类控制器CRUD的操作

基于MVC4+EasyUI的Web开发框架形成之旅--权限控制

基于MVC4+EasyUI的Web开发框架经验总结（1）-利用jQuery Tags Input 插件显示选择记录

基于MVC4+EasyUI的Web开发框架经验总结（2）- 使用EasyUI的树控件构建Web界面

基于MVC4+EasyUI的Web开发框架经验总结（3）- 使用Json实体类构建菜单数据

基于MVC4+EasyUI的Web开发框架经验总结（4）--使用图表控件Highcharts

基于MVC4+EasyUI的Web开发框架经验总结（5）--使用HTML编辑控件CKEditor和CKFinder

基于MVC4+EasyUI的Web开发框架经验总结（6）--在页面中应用下拉列表的处理

基于MVC4+EasyUI的Web开发框架经验总结（7）--实现省份、城市、行政区三者联动

基于MVC4+EasyUI的Web开发框架经验总结（8）--实现Office文档的预览

基于MVC4+EasyUI的Web开发框架经验总结（9）--在Datagrid里面实现外键字段的转义操作

基于MVC4+EasyUI的Web开发框架经验总结（10）--在Web界面上实现数据的导入和导出

基于MVC4+EasyUI的Web开发框架经验总结（11）--使用Bundles处理简化页面代码

基于MVC4+EasyUI的Web开发框架经验总结（12）--利用Jquery处理数据交互的几种方式

基于MVC4+EasyUI的Web开发框架经验总结（13）--DataGrid控件实现自动适应宽带高度

基于MVC4+EasyUI的Web开发框架经验总结（14）--自动生成图标样式文件和图标的选择操作

基于MVC4+EasyUI的Web开发框架形成之旅--总体介绍的更多相关文章

  1. (转）基于MVC4+EasyUI的Web开发框架形成之旅--总体介绍

    http://www.cnblogs.com/wuhuacong/p/3281103.html 最近花了很多时间在重构和进一步提炼Winform开发框架的工作上,加上时不时有一些项目的开发工作,我博客 ...

  2. 基于MVC4+EasyUI的Web开发框架形成之旅--附件上传组件uploadify的使用

    大概一年前,我还在用Asp.NET开发一些行业管理系统的时候,就曾经使用这个组件作为文件的上传操作,在随笔<Web开发中的文件上传组件uploadify的使用>中可以看到,Asp.NET中 ...

  3. 基于MVC4+EasyUI的Web开发框架形成之旅--MVC控制器的设计

    自从上篇<基于MVC4+EasyUI的Web开发框架形成之旅--总体介绍>总体性的概括,得到很多同行的关注和支持,不过上一篇主要是介绍一个总体的界面效果和思路,本系列的文章将逐步介绍其中的 ...

  4. 基于MVC4+EasyUI的Web开发框架形成之旅--界面控件的使用

    在前面介绍了两篇关于我的基于MVC4+EasyUI技术的Web开发框架的随笔,本篇继续介绍其中界面部分的一些使用知识,包括控件的赋值.取值.清空,以及相关的使用. 我们知道,一般Web界面包括的界面控 ...

  5. 基于MVC4+EasyUI的Web开发框架形成之旅--框架总体界面介绍

    在前面介绍了一些关于最新基于MVC4+EasyUI的Web开发框架文章,虽然Web开发框架的相关技术文章会随着技术的探讨一直写下去,不过这个系列的文章,到这里做一个总结,展示一下整体基于MVC4+Ea ...

  6. 基于MVC4+EasyUI的Web开发框架形成之旅--基类控制器CRUD的操作

    在上一篇随笔中,我对Web开发框架的总体界面进行了介绍,其中并提到了我的<Web开发框架>的控制器的设计关系,Web开发框架沿用了我的<Winform开发框架>的很多架构设计思 ...

  7. 基于MVC4+EasyUI的Web开发框架形成之旅--权限控制

    我在上一篇随笔<基于MVC4+EasyUI的Web开发框架形成之旅--框架总体界面介绍>中大概介绍了基于MVC的Web开发框架的权限控制总体思路.其中的权限控制就是分为“用户登录身份验证” ...

  8. 转--基于MVC4+EasyUI的Web开发框架形成之旅--界面控件的使用

    原文  http://www.cnblogs.com/wuhuacong/p/3317223.html 基于MVC4+EasyUI的Web开发框架形成之旅--界面控件的使用 在前面介绍了两篇关于我的基 ...

  9. （转）基于MVC4+EasyUI的Web开发框架形成之旅--MVC控制器的设计

    http://www.cnblogs.com/wuhuacong/p/3284628.html 自从上篇<基于MVC4+EasyUI的Web开发框架形成之旅--总体介绍>总体性的概括,得到 ...

随机推荐

  1. C# 使用HttpWebRequest通过PHP接口 上传文件

    1:上传文件实例 public void UploadXMLLog(string xmlpath)         {             NameValueCollection nvc = ne ...

  2. 基于线程池和连接池的Http请求

    背景:最新项目需求调用http接口,所以打算使用最新的httpClient客户端写一个工具类,写好了以后在实际应用过程中遇到了一些问题,因为数据量还算 大,每次处理大概要处理600-700次请求,平均 ...

  3. 数据库 基础篇2（mysql）

    2.1MySQL入门 1)到mysql官网下载. 2)安装mysql软件 3)使用 验证是否成功 打开cmd  -> 输入 mysql -u root -p  回车   -> 输入密码   ...

  4. python核心编程第六章练习6-9

    6-9.转换.为练习5-13写一个姊妹函数,接受分钟数,返回小时数和分钟数.总时间不变,并且要求小时尽可能大.[答案]代码如下: #!/usr/bin/env python # translate m ...

  5. Java与mysql数据库编程中遇见“Before start of result set at com.mysql.jdbc.SQLError.createSQLException” 的解决办法

    这个Bug是因为在取出ResultSet对象,对其进行操作时,没有采用.next()方法将ResultSet对象的光标移至指定行,不管Statement对象执行SQL语句是否十分确定能搜出记录,也不可 ...

  6. git: No refs in common and none specified; doing no

    用gitolite新建项目,clone后首次push,可能会出现:     $ git push No refs in common and none specified; doing nothing ...

  7. spring随手笔记1：constructor-arg

    <bean id="Hello" class="com.ltf.captha.serviceImpl.HelloWorldServiceImpl"> ...

  8. [转][C/C++] 怎样不用中间变量temp 实现两个数交换

    第一类方法也是常用的方法,通过多次的数值计算来完成交换,到现在知道的有下面三种: (1)加减法. a = a + b; b = a - b; a = a - b; 该方法可以交换整型和浮点型数值的变量 ...

  9. iOS开发Swift篇—（十）方法

    iOS开发Swift篇—(十)方法 一.简单说明 跟其他面向对象语言一样,Swift中的方法可以分为2大类: (1)实例方法(Instance Methods) 在OC中,实例方法以减号(-)开头 ( ...

  10. c#调用存储过程

    存储过程(Stored Procedure)即用来存储数据表操作的一个过程,是把对数据表操作的方法存储到一起的一个对象,是存储在数据库中. 优点:1.降低网络传输数据量:通过存储过程的名称和参数传递即 ...