文档章节

WebForms VS. MVC(翻译)

IT周见智
 IT周见智
发布于 2015/06/05 17:18
字数 4696
阅读 9
收藏 0
点赞 0
评论 0

(本文翻译自CodeProject上阿三写的一篇文章,原文地址:http://www.codeproject.com/Articles/528117/WebForms-vs-MVC,讲了有关ASP、ASP.NET WebForms以及ASP.NET MVC三种技术,这篇文章有助于ASP.NET初学者理解一些基本概念。)

介绍:

我很早之前就开始从事Asp.NET的开发工作,我也比较喜欢使用WebForms来开发Web程序。在2008年,微软推出了一个叫Asp.NET MVC的东西,我当时和很多人一样很好奇为什么还要再推出一个全新的Asp.NET技术呢。许多人说Asp.NET MVC代替了Asp.NET WebForms,但事实并非如此。它们两者各有优劣,虽然没有人告诉过我们该如何选择哪种技术来开发web程序,但是我们可以讨论一些关键事实来帮助我们以后作出选择。本篇文章便是对两种技术的介绍。

                      

我们同时也找到以下问题的答案,

  • Asp.NET是什么?
  • Asp.NET WebForms是什么?
  • MVC是什么?
  • Asp.NET MVC是什么?

如果您是一个非常有经验的Asp.NET MVC开发者,且已经非常了解MVC,那么这篇文章将会让您重新复习一下与之相关的概念。

 

目录:

  • 谈谈“可视化”
  • Web技术
  • Web开发中的“可视化”
  • 什么是Asp.NET?
  • 什么是Asp.NET WebForms?
  • Asp.NET 4.0
  • 什么是MVC?
  • 什么是Asp.NET MVC?
  • 如何选择Asp.NET WebForms和Asp.NET MVC?
  • 总结

 

1.谈谈“可视化”

微软最初推出一个概念叫“可视化”,在一些“可视化技术”诸如Visual Basic、Visual C++等的支持下,微软实现了图形用户程序(Graphical User Applications)的快速开发(RAD)。“拖”、“拽”、“智能感知”等技术也使得开发者能够将精力集中在系统的业务逻辑处理中而非UI界面开发上。但是,这种“可视化”的技术仅仅限制于桌面应用程序开发(Windows桌面程序,译者注),当涉及到Web程序开发时,微软只能选择ASP。

 

 

 

 

 

 

2.Web技术

当我们谈到Web技术时,有我们熟悉经典的ASP,PHP,JSP,ASP.NET WebForms,ASP.NET MVC等等。经典的ASP是微软推出的Web技术之一。ASP最大的难点是它的“意大利式”的代码风格不利于后期维护,我们假设这样一个场景:有一些TextBox文本输入框和一个按钮,当你点击按钮时,后台会验证文本框中的输入数据,如果验证成功,则将输入数据存入数据库;否则,在页面显示一个红色的错误提示。你知道这个场景中最大的问题吗?你必须自己手工做许多事情:

1.首先创建一个“自我提交”式页面,即将表单Form的Action属性值设置为页面本身(自己处理表单中的数据,译者注);

2.当你点击提交按钮时,TextBox控件中的值会被清空,所以后台获得用户输入的唯一方式便是从页面提交的表单数据集中去查找(注意Post方式和Get方式的区别,译者注);

3.如果后台验证数据失败,你必须显示地:

         1)将提交的数据一一对应地赋给每个TextBox控件(维持页面上一次的状态,译者注);

         2)显示错误提示信息。

(使用Ajax是一种验证数据的方式,这里我仅仅是为了举例来说明在经典的ASP开发中,我们必须手工完成的工作)

 

3.Web中的“可视化”

像诸如Visual Basic这样的可视化技术的使用场合单一,当开发Web程序时,微软只能选择经典的ASP。当我们讨论WEB和DESKTOP时(这里应该是Web程序和桌面程序,译者注),我们应该考虑两件事:

        1.状态管理是如何进行的?

        2.请求/回复是如何进行的?

Web程序是基于“无状态”的HTTP协议(有关无状态的真实定义,参见博主前面的文章,译者注)的,前后两次请求之间没有任何关联,它不像桌面程序那样既可以有临时变量来存储状态,同时也完全地遵守“事件驱动模型”。与桌面程序类似,Web程序也需要等待用户的输入,但不同的是Web程序中,用户的每次请求之间都是相互独立的,即每次Request和Response都是全新的。最后,微软推出了一个叫Asp.NET WebForms的东西,它被当做一个新的RAD工具并且也很容易掌握。

 

4.什么是Asp.NET

Asp.NET是微软发布的一款基于CLR的Web程序开发框架,可以使用多种语言,比如C#、VB.NET等。它支持两种开发模式:Asp.NET WebForms和Asp.NET MVC。

 

5.什么是WebForms

微软最开始发布基于ASP的Asp.NET WebForms技术的目的是为了帮助Web开发者创建一个“无状态Web”之上的抽象层,它能够模拟“有状态”的特性(类似桌面程序开发,译者注)。在WebForms中引进了类似“自我提交”(将表单数据提交到页面本身)、ViewState(在页面提交时保存控件值)等概念。最有趣的是我们甚至不用写任何一行代码(一个网站就能运行起来,译者加),在Asp.NET WebForms中,微软试图将类似Visual Basic这种可视化的(桌面,译者加)开发模式引入到Web开发中。

那么现在我们来谈谈WebForms的优缺点。

本文中一切WebForms都指“Asp.NET WebForms”,译者注

优点:

  • WebForms支持丰富的服务器控件

        当我们跟HTML打交道时,我们可能会发现,页面显示效果并不是始终是一样的(浏览器兼容差异,译者注)。在IE中看起来很好的UI效果再FireFox中很可能出现“错位”或者其他变化。Asp.NET 服务器控件能够区分不同的浏览器,对应地产生与之相匹配的HTML代码,如果有需要,JavaScript也可能会额外产生。

        许多类似GridView或者ListView等服务器控件具备“数据绑定”的能力,这大大减少了我们的工作量。(虽然数据绑定很烂,呵呵,译者注

  • 支持ViewState

        你可能经常听见“HTTP是一种无状态协议”这样的话,通常情况下,在两次请求之间,页面的控件(这里指HTML控件,类似input等,译者注)是不能够自己保存自己的状态,但是在WebForms中,有一种被叫作ViewState的东西能够以隐藏域(hidden filed)的形式存在于静态网页中,它能够保存任何一个服务器控件的状态。

  • 事件驱动编程

        在以下技术的帮助下,微软在Internet世界中引入的事件驱动编程。

        1.Code Behind

        2.自我提交(将表单数据提交给自己处理)

        3.ViewState

        开发者在后台处理用户输入数据时,不再依赖于Post方式还是Get方式。比如TA只需要拖拽一些控件(如Button)到页面中,然后双击添加事件处理程序,再在自动生成的代码中编写业务逻辑,这是开发者所需要做的东西,TA完全不用去考虑底层到底发生了什么(如怎样从提交的数据集合中获得用户的输入、怎样保存页面控件的状态等等,这些全部由系统完成,开发者只需要像开发桌面程序(如WInform)那样去开发Web程序。译者注

  • RAD

        我认为再没必要详细解释这个,上面三条足以能够说明WebForms能够加快Web程序的开发速度。它相当于在传统Web开发的基础上封装了一个抽象层,开发者无需去弄清楚底层复杂过程。

  • 学习简单

        使用强大的服务器控件和ViewState后,开发者只需要掌握少量的HTML和JavaScript知识。

缺点:

  • 项目架构

当使用WebForms开发Web程序时,并没有一种预先定义好的统一项目架构,开发者可以随意地选择他们喜欢的架构。一些人可能选择三层架构(UI层、业务逻辑层、数据访问层),而另外一些高手可能更喜欢Model-View-Presenter(MVP)。甚至我们可以将所有的代码都写在Code Behind文件(.cs文件,译者注)中,很明显,这不是一个好的编程习惯。

  • 单元测试

        在WebForms中,Code Behind文件中包含许多的事件处理程序,这使得自动单元测试变得相当艰难。

        注:据我所知,即使在一些模仿测试的帮助下(如使用MOQ或者rhinomoq),我们也几乎模拟不出来事件处理程序中的两个参数(sender和eventargs)(sender一般代表激发事件的控件,译者注)。

  • 性能

        ViewState虽然解决了经典ASP技术面临的一些问题(如无法自动保存页面状态,参见前面,译者注),但它同时也带来了许多问题,ViewState以Hidden Field的形式存在于网页中,随网页一起来回传输,这无疑增加了页面数据量从而降低性能。

  • 重用性

我们来看看另外一个需要创建两个UI界面的例子:

        1)需纳税员工界面

        2)无需纳税员工界面

这两个页面的Code Behind代码中有许多的逻辑是相同的。一种做法就是只创建一个UI页面,在该页面的Code Behind中增加一些if的判断语句。但这样做会:

        1)这违背了单一职责原则(SRP)

        2)Secondly it may possible that both UI(没清楚原文啥意思,译者注

  • 与HTML控件交互困难

        在WebForms中,我们很难确定最终显示在用户浏览器中的HTML代码是怎样的(因为大部分HTML代码由系统自动生成,译者注),这使得我们很难在页面中使用一些JavaScript库,比如JQuery等。

  • SEO

        URL都是指向固定的aspx页面(附带一些查询参数),这降低了用户亲和度也影响了SEO。

  • 不支持并行开发

        aspx页面和Code Behind代码紧密相连,所以多人很难同时去开发一个页面(比如一个人开发aspx页面而另外一个人编写Code Behind代码)。

 

6.Asp.NET 4.0

Asp.NET 4.0推出了许多新特性去解决上面提到的一些问题

  • ViewState

        提供了一种可以控制ViewState大小甚至禁用ViewState的方法(但是并没有一个确定或者强制性的规则要求开发者去这样做)。

  • URL路由

        提供了一种可以代替页面物理地址的方法。

  • ID

        在Asp.NET 4.0中,我们能够更好的控制页面控件的ID,这样以来,我们可以更好地去使用一些类似Jqeury的脚本库(但是我们还是不能完全去控制自动产生的HTML)。

即使在Asp.NET发生了革命性的更新后:

        1)它还是没能解决单元测试遇到的问题

        2)我从没看见某个人去禁用ViewState(个人观点,呵呵)

        3)我们可以更好地去操控页面HTML,但是仍然不能完全控制,依旧不能彻底地应用JavaScript脚本库。

 

7.什么是MVC?

MVC是一种已经出现了很久的架构模式。很多人在Java中使用到它,它并不是微软提出来的心概念。虽然Asp.NET MVC是我们本次讨论的主题,但是我觉得在那之前,我们应该先搞清楚一些技术概念。

  • 模式

        简单来说,模式是我们解决一个问题的解决方案。

  • 架构模式

        架构模式指在子系统级别上解决问题的方式,它主要解决与项目架构有关的问题。它告诉我们怎样划分系统甚至为什么要这样划分。我们按照要求创建类库、组件或者Web服务来解决最终的问题。

  • MVC

        当我们讨论系统时,它一般包含用户输入逻辑、业务处理逻辑以及UI显示逻辑等,MVC是一种架构模式,它能够让我们开发出各个模块之间松耦合的应用程序。MVC最主要的目的是“关注点分离”,它能够分离开UI显示、业务逻辑以及用户输入等。根据MVC的规定,一个系统应该被划分为Model、View以及Controller三个部分:

  • Model:它被当做一个可以处理业务规则、逻辑以及数据的智能体,同时它独立于MVC中其它两个部分(C和V)(不访问Controller和View,译者注
  • Controller:它负责接收用户请求、分配请求给处理者,它可以访问Model和View。
  • View:它被当做一个哑巴,专门呈现最终的数据给用户。它可以是一个excel表单,也可以是一个包含许多记录的web页面甚至是一个纯文本。它可以访问Model。

 

 

 

8.什么是Asp.NET MVC

 

Asp.NET MVC是微软的一种新的Web程序开发框架,主要强调了功能模块的分离以及易测试性。它运行在CLR之中并以MVC为基础,它不再支持ViewState和服务器控件,所以我感觉回到了传统Web开发。我们来讨论一下Asp.NET MVC的优缺点:

优点:

  • 项目架构

      Asp.NET MVC的优点之一便是它强制要求功能块的分离,所以把东西搞得复杂多样的情况很少。

 

 

 

 

 

 

 

 

 

 

  • 测试驱动开发和重用

        1)在MVC中,Controller是一个单独的类,所以自动测试称为可能

        2)Controllers不依赖于任何View,所以它完全能够被多个View重用。

  • 性能

        Asp.NET MVC不支持ViewState,因此它不会增加页面数据大小。

  • 对HTML的完全控制

        Asp.NET MVC不支持服务器控件,只能使用HTML控件。用户在浏览器看到的HTML与我们在开发阶段编写的几乎一致,在开发阶段能够对HTML元素进行很好的操控,因此我们可以很好的使用到第三方脚本库比如JQuery等。

  • 支持并行开发

        在Asp.NET MVC中,各个部分都是松耦合的,一个人可以负责Controller、另外一个一个负责View,而第三个人可以负责Model。

  • SEO, URL routing and REST

        丰富的URL路由特性让我们可以把每个URl都当做一个资源。同时URL的易读性也增加了用户亲和度并且有利于SEO。

  • 扩展性

        Asp.NET MVC中支持多视图引擎。

  • 已有的Asp.NET特性

        由于Asp.NET MVC是基于成熟的Asp.NET框架的,因此原有的许多优秀特性都可以继续试用,如Windows身份验证、Session等等。

缺点:

  • 不易学习

        事件驱动以及ViewState的缺失使Asp.NET MVC不再简单易学,尤其对于一些没有Web开发经验的人。

 

9.Asp.NET MVC运行机制

 

1.用户使用URL请求服务器

2.请求先进入Controller(路由引擎决定一个请求应该由哪个Controller处理,本文未谈及此内容)

3.如果有需要,Controller会访问Model来获取数据

4.Model访问数据库,并且数据返回给Controller

5.Controller选择一个合适的View(比如包含HTML表格页面)

6.Controller将数据(第4步由Model返回的)传给第5步选择的View

7.Controller将View发送给用户(浏览器)。

以上只是Get方式的请求,Post方式类似。唯一的区别就是,用户不是在地址栏中输入URL,而是在已返回的页面上点击按钮等操作,之后服务器端的处理流程类似。

 

10.如何选择Asp.NET WebForms还是Asp.NET MVC

对于一个特定的系统或者一个特定的团队成员组成,两者都有可能称为“最好的选择”。当面临选择其中的一种技术作为开发平台时,了解两者的技术优劣非常重要。

当你要做出选择时,有两个非常重要的因素是:

1.RAD(Rapid Application Development)

       如果你想快速开发出系统(比如一个演示demo,译者注),Asp.NET WebForms是你最好的选择,你甚至根本不用考虑使用Asp.NET MVC去实现“快速开发”。

2.单元测试

      对于你的系统,如果自动单元测试非常重要,那么Asp.NET MVC是你的选择。

除了上面2条,你最好将你项目的需求写下来,然后再比较WebForms和MVC的优缺点,如果可以的话,你可以试图问问自己以下问题:

1.你的团队有很好的WebForms或者Windows Forms开发经验吗?

嗯,如果回答是正确的,那么让你的团队再去学习Asp.NET MVC将是一件困难的事情,因为他们已经熟悉了事件驱动编程以及习惯了ViewState,“改变习惯”是一件很艰难的工作。这时候,给Asp.NET WebForms投上一票。

2.你的团队有很好的Asp.NET MVC开发经验吗?

回答如果是,投Asp.NET MVC一票。

3.你的团队有ASP经验,或者一些非微软技术(Android、ios、JSP、ROR、PHP)开发经验吗?

如果你曾经是一个ASP或者JSP开发者,那么你可能很熟悉HTTP的两种请求方式(GET和Post),你甚至也很了解MVC,因为那些技术大多数默认采用了MVC。这时候投Asp.NET MVC一票。

4.JavaScript是否需要大范围被使用?

如果是,那么投Asp.NET MVC一票,因为它完全可以操控HTML元素。

5.追求高性能吗?

Asp.NET MVC不支持ViewState,因此能够有更好的性能。这时候投Asp.NET MVC一票。

6.计划重用相似的输入逻辑代码吗?

如果是,投Asp.NET MVC一票。

 

总结

我认为,你应该了解足够的信息之后,再决定使用哪种技术,而这些很大程度依赖于你的项目和你的开发团队。希望你们喜欢这篇文章,谢谢你们耐心阅读本文。

 

-------------------------

以上为翻译全文,斜体字为译者自行增加的内容。全文并没有一字一句的按照原文翻译,部分属于译者自己理解而写出来的。

© 著作权归作者所有

共有 人打赏支持
IT周见智

IT周见智

粉丝 10
博文 61
码字总数 185891
作品 0
西青
Fiddler 抓包浅析(二)

上期文章链接: Fiddler 抓包浅析(一) 上期文章中我们简单介绍了 Fiddler 的几大面板以及一些大体的介绍,那么本期,我们将为大家带来一些更加详细的解读。 Statistic 我们可以通过 Statis...

nanchen2251 ⋅ 04/09 ⋅ 0

图文详细解说DevExpress 2015新版亮点【附文档下载】

历时两个月,翻译自官网的更新说明文档,最后整理成册,文末附PDF地址。 DevExpress 在今年6月份发布了正式的2015版本,2015在旧版基础上有明显的升级改进,尤其是DevExtreme、Winforms、VCL...

百mumu ⋅ 2015/10/29 ⋅ 0

为WebForms说几句话,以及一些ASP.NET开发上的经验(2)

没想到我的文章引起了那么大的反应,看来最近MVC框架的确是一个热门话题。正如上一篇文章开始所说的,我不会对MVC框架有任何“贬低”,任何技术滥用都有问题,所以任何东西都会有所谓的Best ...

jeffz ⋅ 2007/12/22 ⋅ 0

【第一篇】ASP.NET MVC快速入门之数据库操作(MVC5+EF6)

目录 【第一篇】ASP.NET MVC快速入门之数据库操作(MVC5+EF6) 【第二篇】ASP.NET MVC快速入门之数据注解(MVC5+EF6) 【第三篇】ASP.NET MVC快速入门之安全策略(MVC5+EF6) 【第四篇】ASP...

三生石上 ⋅ 2016/12/23 ⋅ 0

Practical guide to WCF RESTful service

REST (Representational State Transfer) is an architectural style that dictates to think in terms of resources and their representation instead of just thinking about methods wit......

东风125 ⋅ 2015/10/26 ⋅ 0

7 天玩转 ASP.NET MVC — 第 1 天

前言 正如标题「7 天玩儿转 ASP.NET MVC」所言,这是个系列文章,所以将会向大家陆续推出 7 篇。设想一下,一天一篇,你将从一个愉快的周一开始阅读,然后在周末成为一个 ASP.NET MVC 开发者...

OneAPM蓝海讯通 ⋅ 2015/07/15 ⋅ 0

UpdatePanel的内容中出现自定义多语言运行异常

我们项目有双语要求,采用的是自定义符号控制。在页面加载时进行翻译。 在xml文件中有如下格式的配置 <items> <resource page="~/SalesAppeal/SalesAppealCO.aspx"> <item key="CommercaAudi...

yangxing ⋅ 2014/02/12 ⋅ 0

VS2010水晶报表更新到服务器IIS

前提介绍:服务器上网站IIS发布,服务器上安装了VS2008(亲,自带水晶报表的哟)。服务器版本2003。本地用VS2010采用push模式做的报表。 从开始到结束,尼玛,不知道牺牲了咱多少脑细胞。好吧...

南風 ⋅ 2014/08/09 ⋅ 0

ASP.NET Core: 全新的ASP.NET !

背景 最新版本的 ASP.NET 叫做 ASP.NET Core (也被称为 ASP.NET 5) 它颠覆了过去的 ASP.NET。 什么是 ASP.NET Core? ASP.NET Core 1.0 是一个开源跨平台的开发框架,用于构建基于云的现代 We...

葡萄城控件技术团队 ⋅ 2016/07/08 ⋅ 0

ASP.NET MVC3 系列教程 - 如何使项目Debug进MVC3源代码

I:关于如何Debug进MVC3源代码. 1.关于ASP.NET MVC3的源代码获取方法 ASP.NET MVC从1.0到3.0版本以来它的源代码是完全对外开放的,也正因为这个原因吸引了不少以前习惯使用WebForm的开发人员转...

晨曦之光 ⋅ 2012/06/05 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Spring Boot整合模板引擎thymeleaf

项目结构 引入依赖pom.xml <!-- 引入 thymeleaf 模板依赖 --><dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId......

yysue ⋅ 20分钟前 ⋅ 0

ConstraintLayout使用解析

AndroidStudio3.0创建Project默认的布局就是ConstraintLayout。 AndroidStudio3.0前的可以自己修改,使用ConstraintLayout。 为了要使用ConstraintLayout,我们需要在app/build.gradle文件中...

_OUTMAN_ ⋅ 32分钟前 ⋅ 0

OSChina 周三乱弹 —— 这样的女人私生活太混乱了

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @ 胖达panda :你经历过体验到人生的大起大落吗?我一朋友在10秒内体验了,哈哈。@小小编辑 请点一首《almost lover》送给他。 《almost love...

小小编辑 ⋅ 今天 ⋅ 9

自己动手写一个单链表

文章有不当之处,欢迎指正,如果喜欢微信阅读,你也可以关注我的微信公众号:好好学java,获取优质学习资源。 一、概述 单向链表(单链表)是链表的一种,其特点是链表的链接方向是单向的,对...

公众号_好好学java ⋅ 今天 ⋅ 0

Centos7重置Mysql 8.0.1 root 密码

问题产生背景: 安装完 最新版的 mysql8.0.1后忘记了密码,向重置root密码;找了网上好多资料都不尽相同,根据自己的问题总结如下: 第一步:修改配置文件免密码登录mysql vim /etc/my.cnf 1...

豆花饭烧土豆 ⋅ 今天 ⋅ 0

熊掌号收录比例对于网站原创数据排名的影响[图]

从去年下半年开始,我在写博客了,因为我觉得业余写写博客也还是很不错的,但是从2017年下半年开始,百度已经推出了原创保护功能和熊掌号平台,为此,我也提交了不少以前的老数据,而这些历史...

原创小博客 ⋅ 今天 ⋅ 0

LVM讲解、磁盘故障小案例

LVM LVM就是动态卷管理,可以将多个硬盘和硬盘分区做成一个逻辑卷,并把这个逻辑卷作为一个整体来统一管理,动态对分区进行扩缩空间大小,安全快捷方便管理。 1.新建分区,更改类型为8e 即L...

蛋黄Yolks ⋅ 今天 ⋅ 0

Hadoop Yarn调度器的选择和使用

一、引言 Yarn在Hadoop的生态系统中担任了资源管理和任务调度的角色。在讨论其构造器之前先简单了解一下Yarn的架构。 上图是Yarn的基本架构,其中ResourceManager是整个架构的核心组件,它负...

p柯西 ⋅ 今天 ⋅ 0

uWSGI + Django @ Ubuntu

创建 Django App Project 创建后, 可以看到路径下有一个wsgi.py的问题 uWSGI运行 直接命令行运行 利用如下命令, 可直接访问 uwsgi --http :8080 --wsgi-file dj/wsgi.py 配置文件 & 运行 [u...

袁祾 ⋅ 今天 ⋅ 0

JVM堆的理解

在JVM中,我们经常提到的就是堆了,堆确实很重要,其实,除了堆之外,还有几个重要的模块,看下图: 大 多数情况下,我们并不需要关心JVM的底层,但是如果了解它的话,对于我们系统调优是非常...

不羁之后 ⋅ 昨天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部