解析ASP.NET WebForm和Mvc开发的区别

简介:

因为以前主要是做WebFrom开发,对MVC开发并没有太深入的了解。自从来到创新工场的新团队后,用的技术都是自己以前没有接触过的,比如:MVC 和EF还有就是WCF,压力一直很大。在很多问题都是不清楚的情况下,问周围的人,别人也只是给自己讲一个大概。而且前两天因为问了一个比较细的问题,还被别人的一句话打击。“我只能告诉你方法,你还指望我手把手的交给你呀,不会你得自己学呀。。。”。没办法只能自己找时间在下面找一些资料学习。

在初步了解MVC后,发现很多人对于MVC和三层架构开发概念上会有很大的混淆,所以把这两天的学习笔记整理一下,分享给自己的同学们。同时也做一个小Demo,让没有接触过MVC开发的同学,能对MVC有一个简单的了解。

一,MVC和三层架构的区别

①什么是三层架构?

在学校的时候,和同学或者老师一起讨论MVC的时候,别人可能会说,“不就是三层架构嘛!实体层(Model),用来创建对象的实体;业务逻辑层(BLL),用来处理复杂的数据间的关系或者是业务间的关系;数据库访问层(DAL),用来用来访问数据库的;当然还会有,View(视图层),用来展示数据;”其实自己虽然知道不是这样,但是自己也仅仅是了解一点点,也解释不清楚,所以也就算了。(具体的三层架构之间的操作的关系可以看我以前的博客【ASP.NET开发】.NET三层架构简单解析)。

它们之间互相操作的关系,基本的示意图如下:

28154532-06f0467013af44f7bd6afa207eaf996

还记的暑假在郑州找实习工作的时候,被别人问过一个n层架构的概念,当时就懵了,尼玛的压根就没听说过啊!不过后来查询资料知道,所谓的n曾架构就是根据系统的需要把业务逻辑层(BLL)或者数据库访问层(DAL)再抽象成几个层次(具体的就是再抽象成类),便于逻辑的处理和代码模块的维护。其基本原理还是基于三层架构。

②什么是MVC呢?

MVC其实是软件架构的一种模式,也就是我们经常说的设计模式。其中主要包括三个模块,就是如MVC名字所显示的那样:模型(Model),视图(View),控制器(Controller);

其中这里的模型(Model)和视图(View )是完全区别于三层架构中的模型(Model)和视图(View)的。

1)MVC中的模型(Model)指的是数据模型,用于封装与应用程序的业务逻辑相关的数据,除此之外还可以封装数据的处理方法(相当于业务逻辑)。这是完全区别于三层架构的模型层(Model)的。

MVC中模型(Model)的特点:

①有对数据直接访问的权利,如:对数据库的访问;

②模型(Model)“不依赖”视图(View)和控制器(Controller),即模型(Model)不关心它会被如何显示或者如何被操作;

③模型(Model)中数据的变化一般会通过一种刷新机制被“公布”;

④为了实现③中的“机制”用于监视此模型的视图必须事先在此模型上注册。从而,视图可以了解在数据模型上发生的改变。

2)视图(View),这里的视图基本跟三层中的视图一样,都是为了显示数据,没有程序上的逻辑。为了实现视图上数据的刷新,视图(View)需要访问它监视的模型(Model),所以应该事先在被它监视的数据那里进行注册。

3)控制器(Controller),这个概念是在三层中不存在的概念。它主要起到不同层面的组织作用,用于控制应用程序的流程。主要处理事件并作出相应。“事件”主要包括:用户的行为和数据的改变。

以上就是关于三层架构和MVC在概念上的区别。

二,WebForm网站和MVC网站运行机制的区别

①WebForm网站的运行机制

比如说我们现在要访问一个WebForm站点:www.google.com.hk/Default.aspx(仅仅是示例)。我们的浏览器和服务器都是做了哪些动作呢?

1)首先浏览器会向目的服务器发送请求报文。

配置过IIS的都知道,网站挂载在服务器上,我们是通过访问虚拟目录的方式访问网站的。这时候目的主机的IIS接收的是访问该虚拟目录下Default.aspx文件的请求;(当然这也是一个非常复杂的过程,包括请求DNS服务器,找到目的主机IP,根据IP地址访问目的主机。复杂的网络过程就不叙述,有兴趣的自己找资料学习);

2)服务器端的IIS软件接收到请求后,把请求交给.NET FramWork进行处理;

3).NET FramWork会创建Default_aspx类的对象,也就是我们所说的页面对象。(在WebFrom网站创建完,并且编译后Default.aspx会被编译成Default_aspx类)

到现在的整个过程都还是Http请求,IIS的内部机制会去实现一个IHttphandler的接口,其中该接口实现一个ProcessRequestfang方法

MSDN是这样解释的

28164236-c40457a9a6f74c5c8cbbe0b5cf7d834

该ProcessRequest()方法会去调用对应页面的Page_Load() 方法

1
2
3
4
5
protected  void  Page_Load( object  sender, EventArgs e)
         {
              //处理的业务逻辑或者是访问数据库的代码
             //要输出的Html或者其它内容
        }


4)返回给浏览器(包括Html,CSS,Js等等)

流程示意图如下:

28171603-3e50320974b54e989b9fb7eb44875f4

②MVC网站的运行机制

还比如说我们现在要访问一个MVC站点:www.google.com.hk/FirstPage/Default(仅仅是示例)。我们的浏览器和服务器又做了哪些动作呢?

1)浏览器向服务器发送Request请求报文(FirstPage/Default)

2)服务器端的IIS相应Request请求

3).NET FramWork根据路由配置,解析URL,并创建FirstPage类的对象,并调用相应的Default方法

1
2
3
4
5
public  ActionResult Default()
        {
                                               
                  return  View(); //返回给视图
        }


4)然后会访问视图文件夹下的Default.cshtml,返回给浏览器(其中包括html,css,js等等)

流程的示意图如下:

28230241-4d392722e2aa42c9b7de2c6dd9dde34

这只是一个比较简单的运行过程。其实在这过程中发生了很多事情,比如说:执行Global.asax中的Application_Start()方法来完成一些初始化的工作等等,会在以后的文章中继续解析。

以上就是WebForm网站和MVC网站运行机制的区别。


那么到底使用MVC的优点比WebForm到底有哪些优点呢?

①最重要的就是.NET程序员在开发的时候再也不会使用那些被很多人诟病的微软封装的控件了。

②MVC设计模式降低了模型(Model,业务和数据)和视图的耦合关系。包括我们在开发WebForm网站使用三层架构的思想也是为了降低数据和视图的耦合等;

③可以复用视图,也就是说同样的数据可以使用不同的视图以不同的图标展示出来。

-------------------------------------------------------理论到此结束---------------------------------------------------------------

常用的WebForm开发方式就不举例了,我下边主要演示一个基本的MVC程序的创建和运行过程。

要创建MVC程序VS肯定是必不可少的,我的开发环境是VS2013,大家请酌情考虑自己的VS版本。

①首先的打开“文件”→“新建项目”,在左侧的项目栏选择“Visual C#”→“Web”,在右边就可以看到有“ASP.NET Web窗体应用程序”和“ASP.NET MVC 4 Web应用程序”如下图:

28233447-de089ae275ee417e9a6ba6578a08a8d

②因为要创建MVC程序就选择点击第二个选项然后会看到项目模板,默认的是选择“Internet应用程序”,如果选择默认的话,就会默认的创建一个具有基本功能的站点。我们这里选择“基本”,VS只会创建包含基本框架简的模板

28234400-1f0ba90fdb514ed88fd2dd1da09eb24

③创建完以后我们会在解决方案下看到代码的树状结构,其中包含Models,Views和Controllers三个文件夹

29004448-3560b6dd86184a7689b6864989d8fae

④我们首先创建实体对象Model,在Models文件夹下创建一个Child类,并声明属性和初始化

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
public  class  Child
     {
         //编号
         private  int  id;
                                               
         public  int  Id
         {
             get  return  id; }
             set  { id = value; }
         }
         //姓名
         private  string  strName;
         public  string  StrName
         {
             get  return  strName; }
             set  { strName = value; }
         }
     }


⑤在Controllers文件夹上右键,“添加”,会看到有“控制器”的选项,如下图:

29005103-e859cfa5a8d2472e9cd74b77a5b4fd8

点击"控制器"后会出现一个“添加控制器”窗体,在控制器名称中”Default1Controller“中”Default1“是默认选中的,我们修改其名称为”HomeController“,

29010113-dde65162b975441cb60edc946e06a1e

注意:这里的”Default1Controller“中的”*Controller“是必须保留的,主要是因为MVC框架有一个”约定大于配置“的规则

单击”添加“添加控制器,默认生成的控制器代码,如下:

1
2
3
4
5
6
7
8
9
10
11
12
//默认生成的控制器代码
     public  class  HomeController : Controller
     {
         //
         // GET: /Home/
         //包含一个Action方法
         public  ActionResult Index()
         {
             //返回给视图
             return  View();
         }
     }


⑥然后我们创建一个集合来初始化在Models中创建的Child类的属性值

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
#region 初始化数据集合 +List InitData()
         /// <summary>
         /// 初始化数据集合
         /// </summary>
         /// <returns></returns>
         public  List<Models.Child> InitData()
         {
             List<Models.Child> list =  new  List<Models.Child>()
             {
                 new  Child(){Id=1,StrName= "你好啊!" },
                 new  Child(){Id=2,StrName= "不好啊!" }
             };
             return  list;
         }
         #endregion


然后开始编写Action方法,即”ActionResult Index()“方法,

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
/// <summary>
         /// Action方法(相当于MVC设计模式的Model)
         /// </summary>
         /// <returns></returns>
         public  ActionResult Index()
         {
             //可以处理当前业务(你比如读取数据库,判断等)
             StringBuilder strBuilder =  new  StringBuilder();
             //创建数据集合,获取数据
             List<Models.Child> list = InitData();
             //遍历集合获取生成的Html代码
             list.ForEach(d =>
             {
                 strBuilder.AppendLine( "<div>"  + d.Id.ToString() +  "</div>" );
             });
             //使用ViewBag传输数据给同名的Indexcshtml视图
             //ViewBag是一个dynamic类型的集合,可以动态添加任意类型的任意名称和属性
             ViewBag.HtmlStrBuilder = strBuilder.ToString();
             //加载同名视图Index.cshtml
             return  View();
         }



在其中我们使用ViewBag把数据传输给同名的Views文件夹下的同名视图。

⑦创建视图接收数据,上面代码的Index方法上右键,会出现”添加视图“,如下图

29011655-2fc1d2e298d641588ff9a949c044065

之后会在Views文件夹下,生成一个Home文件夹,Home文件夹下面会有一个Index.cshtml文件(这个就是视图文件)

⑧视图接收数据

1
2
3
4
5
6
7
8
9
10
11
12
< html >
< head >
     < meta  name = "viewport"  content = "width=device-width"  />
     < title >Index</ title >
</ head >
< body >
     < div >
        <!---------相当于把Action方法中保存的内容输出--------->
        @Html.Raw( @ViewBag.HtmlStrBuilder)
     </ div >
</ body >
</ html >


到这里基本上就完成了一个MVC程序的创建,我们运行程序,结果如下:

29013232-fd960f9fb9a74d639c9e5cbd76b5a33
注意:因为MVC的运行机制跟WebForm不一样,所以浏览的方式也不一样。我们可以直接在Views文件夹上右键,选择在浏览器中查看就可以预览到结果。

-----------------------------------------分割线-------------------------------------------

到这里,关于ASP.NET WebForm和Mvc开发的区别和基本MVC程序的创建过程已经完成。

下次我会做的是使用EF(Entity FramWork),来操作数据库(抛开WebForm中的ADO.NET),实现一个MVC小网站程序的创建。请大家继续关注!

如果在文章中出现错误,欢迎大家留言指正。我会虚心接受大家的意见。




     本文转自yisuowushinian 51CTO博客,原文链接:http://blog.51cto.com/yisuowushinian/1346267,如需转载请自行联系原作者




相关文章
|
7天前
|
开发框架 前端开发 .NET
LIMS(实验室)信息管理系统源码、有哪些应用领域?采用C# ASP.NET dotnet 3.5 开发的一套实验室信息系统源码
集成于VS 2019,EXT.NET前端和ASP.NET后端,搭配MSSQL 2018数据库。系统覆盖样品管理、数据分析、报表和项目管理等实验室全流程。应用广泛,包括生产质检(如石化、制药)、环保监测、试验研究等领域。随着技术发展,现代LIMS还融合了临床、电子实验室笔记本和SaaS等功能,以满足复杂多样的实验室管理需求。
17 3
LIMS(实验室)信息管理系统源码、有哪些应用领域?采用C# ASP.NET dotnet 3.5 开发的一套实验室信息系统源码
|
1月前
|
开发框架 前端开发 .NET
ASP.NET CORE 3.1 MVC“指定的网络名不再可用\企图在不存在的网络连接上进行操作”的问题解决过程
ASP.NET CORE 3.1 MVC“指定的网络名不再可用\企图在不存在的网络连接上进行操作”的问题解决过程
91 0
|
1月前
|
开发框架 前端开发 JavaScript
JavaScript云LIS系统源码ASP.NET CORE 3.1 MVC + SQLserver + Redis医院实验室信息系统源码 医院云LIS系统源码
实验室信息系统(Laboratory Information System,缩写LIS)是一类用来处理实验室过程信息的软件,云LIS系统围绕临床,云LIS系统将与云HIS系统建立起高度的业务整合,以体现“以病人为中心”的设计理念,优化就诊流程,方便患者就医。
35 0
|
1月前
|
开发框架 前端开发 .NET
C# .NET面试系列六:ASP.NET MVC
<h2>ASP.NET MVC #### 1. MVC 中的 TempData\ViewBag\ViewData 区别? 在ASP.NET MVC中,TempData、ViewBag 和 ViewData 都是用于在控制器和视图之间传递数据的机制,但它们有一些区别。 <b>TempData:</b> 1、生命周期 ```c# TempData 的生命周期是短暂的,数据只在当前请求和下一次请求之间有效。一旦数据被读取,它就会被标记为已读,下一次请求时就会被清除。 ``` 2、用途 ```c# 主要用于在两个动作之间传递数据,例如在一个动作中设置 TempData,然后在重定向到另
148 5
|
1月前
|
开发框架 前端开发 .NET
进入ASP .net mvc的世界
进入ASP .net mvc的世界
40 0
|
1月前
|
存储 SQL 开发框架
国产化之路 Linux Mono下的asp.net 开发笔记(三)
国产化之路 Linux Mono下的asp.net 开发笔记(三)
|
1月前
|
存储 SQL 开发框架
国产化之路 Linux Mono下的asp.net 开发笔记(二)
国产化之路 Linux Mono下的asp.net 开发笔记(二)
|
1月前
|
存储 开发框架 .NET
国产化之路 Linux Mono下的asp.net 开发笔记(一)
国产化之路 Linux Mono下的asp.net 开发笔记(一)
|
10月前
|
存储 开发框架 前端开发
[回馈]ASP.NET Core MVC开发实战之商城系统(五)
经过一段时间的准备,新的一期【ASP.NET Core MVC开发实战之商城系统】已经开始,在之前的文章中,讲解了商城系统的整体功能设计,页面布局设计,环境搭建,系统配置,及首页【商品类型,banner条,友情链接,降价促销,新品爆款】,商品列表页面,商品详情等功能的开发,今天继续讲解购物车功能开发,仅供学习分享使用,如有不足之处,还请指正。
135 0
|
11月前
|
开发框架 前端开发 .NET
[回馈]ASP.NET Core MVC开发实战之商城系统(三)
[回馈]ASP.NET Core MVC开发实战之商城系统(三)
73 0

推荐镜像

更多