MVC比WebForm的优势,为什么使用MVC

前言

如果你看了最近微软的议程,你会发现他们现在的焦点除了MVC,还是MVC。问题在于为什么微软如此热衷于丢弃传统的APS.NET Webform而转向ASP.NET MVC?本文就主要来讨论这个问题。

ASP.NET Webform 后台代码(behind code)—— 福音与诅咒

如果你密切关注过ASP.NET Webform技术,你会发现它更接近可视化设计,换句话说,开发者只需要从设计面板中拖拽控件即可完成UI,接着在behind code中实现逻辑代码即可完成最后的Web页面功能。

所以换句话说,当你从设计面板中拖拽一个按钮时,在后台代码中就会生成一个button对象,你只需要在按钮的点击事件中实现事件响应代码即可。

public partial class WebForm1 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            // Developers write code here
        }

        protected void Button1_Click(object sender, EventArgs e)
        {
            // Developers write code here
        }
    }

当我们在页面中拖拽一些UI元素时,双击它们即可在后台代码中生成一系列事件响应代码,这些逻辑代码都在ASPX.CS文件中。

这个后台代码文件是ASP.NET Webform的关键,你可以在这个文件中应用.NET的所以特性,包括事件、委托、HTTP协议以及session等等。

但是这种behind code模式有5个问题,下面我们将一一讲述这5个问题,并用MVC的设计思想来分别解决这些问题。

问题1:基于视图的方案来解决基于行为的需求

我们的网站最终是由用户使用的,用户访问网站肯定会有特定的目的,网站要做的就是通过让用户的交互行为来完成其想要的目的。比如当用户访问一个购物网站时,也许他的交互行为会是这样的:

  • 购买产品
  • 打印发票

这些交互行为是通过按钮点击、右键点击和浏览器URL实现的。由于这些交互都是基于HTTP协议的,所以如果我们能将这些交互行为映射到具体的一些方法上,那么整个架构将会变得简单很多。

但是微软做不到这样,因为它要实现可视化网页编程,所以他们最终选择了基于视图的解决方案。

从上图可以看出,整个请求过程看上去很奇怪:

  • 用户发起一个HTTP请求,比如HTTP POST / GET
  • IIS服务器将请求映射到视图
  • 视图调用页面的生命周期,通过事件驱动,调用合适的交互方法
  • 最后将交互的结果展现给终端用户

因为微软一开始就选择了基于视图的设计方案,所以架构本身很难向基于用户交互的设计思想靠拢。换句话说,当用户发出“购买”请求时,先是访问了视图页面“Shopping.aspx”,后台逻辑代码在“Shopping.aspx.cs”中,页面生命周期中会将页面的计算结果返回给用户。

如果利用MVC的思想,都是基于用户交互行为的话,那么请求流程将会是如下所示:

问题2:坏架构的副作用 —— 紧耦合

当你选择了一个错误的架构以后,未来将会出现很多难以解决的副作用,在ASP.NET Webform中就出现了这个问题。尽管behind code后台代码被分离到不同的文件中,但是ASPX.CS文件和ASPX文件却紧密的联系在一起,这将导致系统的耦合度很高,并且很难解耦和,这是一个很头疼的问题。

简单地说,我们很难将Customer.aspx.cs和CustomerDetailed.aspx简单地剥离开,后台代码已经紧紧地将其捆在一起,而且也很难复用。如果我们可以将请求先通过action,而不同过视图view,action得到的数据再由控制器决定由哪个view展示,那么请求的流程将会是这样的:

所以我们可以很方便地控制最终结果是由移动页面展示还是正常页面展示,如下代码:

public ActionResult Index(string DeviceType)
{
           if (viewType == "Mobile")
            {
                return View("MobileView");
            }
            else
            {
                return View("NormalView");
            }
}

问题3:HTML不是唯一的返回类型

由于视图view和后台代码behind code紧密耦合在一起,所以默认的返回类型就固定了,都是HTML类型。如果你想改变类型就必须设置Content-type和调用Response.End方法。

如果我们创建一个Action,返回的类型由Action中指定,系统就可以在同一个action中根据不同条件输出不同的返回类型。代码如下:

public ActionResult Index(string viewType)
{
            if (viewType == "JSON")
            {
                return Json(new Customer(), JsonRequestBehavior.AllowGet);
            }
            else
            {
                return View("DisplayCustomer", new Customer());
            }
}

问题4:视图和数据的灵活组合

Webform是视图优先的架构,所以视图决定了展现的数据,所以视图的扩展性就很差,如果遇到复杂的数据结构,这种方式就显得力不从心了。

但是如果是行为优先的架构的话,当我们触发action时,action可以根据不同的请求选择不同的数据模型和视图结构,如下图:

在MVC中,你可以在不同的view中选择相同的数据模型,比如下面的代码,customerdata数据既可以绑定在DetailCustomer视图中,也可以绑定在Customer视图中。

public ActionResult Index(string ViewName,Customer customerdata)
{
            if (ViewName == "Detailed")
            {
return View("DetailCustomer",customerdata);
            }
            else
            {
                return View("Customer",customerdata);
            }
}

这在Webform中实现起来是非常麻烦的。

问题5、将behind code当做普通的类来进行单元测试

behind code后台代码在Webform中是一个非常庞大的类,并且不能简单地实例化。要知道Webform是继承于Page类的,Page类不能直接实例化,因为它有太多的依赖项了。

public partial class WebForm1 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {

        }

        public void Button1_Click(object sender, EventArgs e)
        {
            Session["SomeSession"] = "Is this set";
        }
    }

你为什么想要实例化Page类呢?其中一个原因就是可以方便单元测试。比如我要测试一个按钮点击事件,用来检查Session是否设置成功。在Webform中的代码看起来不是那么舒服:

[TestMethod]
public void TestMethod1()
{
            WebApplication22.WebForm1 obj = new WebApplication22.WebForm1();

            obj.Button1_Click(this, new EventArgs());
}

并且运行时还会抛出一个异常:

在MVC中,这个类变成了一个普通类,我们可以在测试工程中将它实例化,并对类里面的属性方法、Session、viewbag 、 tempdata等进行单元测试。

public class HomeController : Controller // ß this class is simple
{
        public ActionResult Index()
        {
            Session["SomeSession"] = "Is this set";
            return View("SomeView");
        }
}

所以是否选择MVC解决方案?

从Webform架构切换到MVC架构,你需要做以下几件事情:

  • 将behind code中的代码转移到controller类中,并将原来的方法转换成action方法。
  • 中间层用数据模型和逻辑接口代替。
  • 视图view只用来展现数据和页面布局。
  • DAL层和其他层没有什么变化,因为它和behind code关系不大。

所以MVC架构中,用户的请求分为下面3个步骤:

  • 终端用户发送请求,路由器将请求路由到合适的Controller,Controller是逻辑实体和行为action的集合。
  • Controller将请求映射到特定的Action。
  • action有两个任务,第一是获取合适的数据,第二是将这些数据和视图view绑定起来。action创建数据模型,并将数据模型连接到指定view,输出最终的相应结果。

译文链接:http://www.codeceo.com/article/webforms-vs-mvc.html
英文原文:Webforms vs MVC and Why MVC is better ?
翻译作者:码农网 – 小峰
转载必须在正文中标注并保留原文链接、译文链接和译者等信息。]

时间: 2024-10-09 13:29:24

MVC比WebForm的优势,为什么使用MVC的相关文章

MVC 与 WebForm 小论

 WebForm: WebForm是一个快速可视化的web程序开发技术.跟VB一样,几乎是相同的开发模式,只需要简单的拖拽已经封装好的控件到窗体设计器上,VS就会在Behind Code(aspx.cs)生成相应的代码,开发人员只要在生成的事件框架中写入自己需要的业务逻辑或者数据显示转换等就可以快速的实现某一功能. 简单快捷,尤其是对于我们这种从VB过渡过来的同学们,感觉简直是福音,无论横向对比竖向对比,让我们的感觉很是似曾相识,很容易上手,但是慢慢也会发现它很多不容忽视的问题. 1:紧耦合

Mvc与WebForm优缺点及Mvc的使用

关于Mvc与WebForm的优缺点在网上的评论可谓不胜枚举,但脱离了我们的项目来谈这些意义就不大了.以我们这次改版来看,WebForm的优势有以下几点: 一,可以使用<#include>,css.html与js可以实现跨页面乃至夸项目的重用,Mvc没有发现此类功能: 二,可以精确的调用用户控件中的属性.字段.函数并可以获得相应的返回值,Mvc也未发现此类功能: 三,可以方便的将公共或保护性字段属性函数等应用到aspx页面上,Mvc无法直接调用控制其中的相应字段属性等. 针对以上WebForm的

MVC与WebForm的区别

在初步了解MVC后,发现很多人对于MVC和三层架构开发概念上会有很大的混淆,所以把这两天的学习笔记整理一下,分享给自己的同学们.同时也做一个小Demo,让没有接触过MVC开发的同学,能对MVC有一个简单的了解. 一,MVC和三层架构的区别 ①什么是三层架构? 在学校的时候,和同学或者老师一起讨论MVC的时候,别人可能会说,“不就是三层架构嘛!实体层(Model),用来创建对象的实体:业务逻辑层(BLL),用来处理复杂的数据间的关系或者是业务间的关系:数据库访问层(DAL),用来用来访问数据库的:

MVC和WebForm的优缺点对比

1 WebForm优点 1)支持事件模型开发,得益于丰富的服务端组件,WebForm开发可以迅速的搭建Web应用 2)使用方便,入门容易 3)控件丰富的WebForm 2 WebForm缺点  1)封装太强,很多地层东西让我们初学者不是很明白  2)入门容易,提升很难.  3)复杂的生命周期模型学习起来并不容易.  4)控制不灵活  5)ViewState处理  6)异步请求每个请求后台都必须有一个一般处理程序对应 7)跟传统的Web开发方式不一致 3 MVC优点 1)很容易将复杂的应用分成M,

念念不忘,ASP.NET MVC显示WebForm网页或UserControl控件

学习与使用ASP.NET MVC这样久,还是对asp.net念念不忘.能否在asp.net mvc去显示aspx或是user control呢?这个灵感(算不上灵感,只能算是想法)是来自前些天有写过一篇<多个视图结果显示于一个共用预览视图内>http://www.cnblogs.com/insus/p/3633298.html 其中有一个Render方法.以致想起以前开发asp.net时,也经常Render用户控件.即是说把网页经过Render之后,转换为是一串字符串. 那我们也一定可以把这串

MVC和WebForm 中国省市区三级联动

MVC和WebForm是微软B/S端的两条腿,两种不同的设计理念,相对来说MVC更优于WebForm对于大数据的交互,因为WebForm是同一时间传输所有数据,而MVC它只是传输所用到的数据,更精确,传输量少等待数据传输的响应时间就短.但是WebForm也有他的优点,比如说设计起来更像Winform容易理解. SQL表如下: 根据ParentAreaCode=0001可以查出省级地市, 对应的省级地市有AreaCode 根据不同的AreaCode输入在ParentAreaCode中可以查出省级地

study Mvc step by step (一) 什么是Mvc啊?

当我们开始逐步把Net平台上面的Web开发从webform过度到MVC 开发的时候.我们总想弄清楚Mvc到底是什么??其实Mvc并不是Net特有的一种开发技术.而是一种软件开发的模式.早在上个世界80年代.Xerox PARC为编程语言Smalltalk-80发明的一种软件设计模式,已被广泛使用.那么什么是Mvc呢? MVC 是一种使用 MVC(Model View Controller 模型-视图-控制器)设计创建 Web 应用程序的模式: Model(模型)表示应用程序核心(比如数据库记录列

我要学ASP.NET MVC 3.0(十三): MVC 3.0 防止跨站点请求伪造 (CSRF) 攻击

我要学ASP.NET MVC 3.0(十三): MVC 3.0 防止跨站点请求伪造 (CSRF) 攻击 概述      众所周知,ASP.Net MVC程序在浏览器运行时产生了标准的Html标签,包括浏览器要发送的关键数据等内容都在Html内容里面,听起来不错,但是假如我们仿造类似的Html内容,更改里面关键数据,在浏览器运行起来会怎么样呢?好下面我们就做这样一个例子.       CSRF攻击例子 首先我们拿以前做好的person/edit作为例子 先看控制器代码 //初始页面        

【SSH进阶之路】一步步重构MVC实现Struts框架——从一个简单MVC开始(三)

目录: [SSH进阶之路]Struts基本原理 + 实现简单登录(二) [SSH进阶之路]一步步重构MVC实现Struts框架--从一个简单MVC开始(三) [SSH进阶之路]一步步重构MVC实现Struts框架--封装业务逻辑和跳转路径(四) [SSH进阶之路]一步步重构MVC实现Struts框架--彻底去掉逻辑判断(五) [SSH进阶之路]一步步重构MVC实现Struts框架--完善转向页面,大功告成(六) 上篇[SSH进阶之路]Struts基本原理 + 实现简单登录(二),我们介绍MVC和