深入理解模型,视图和控制器(C#)
这篇文章向你提供ASP.NET MVC 模型,视图和控制的高度概览。换句话说,解释一下ASP.NET MVC中的 ‘M’, ‘V’, 和 ‘C’。
看完这篇文章以后,你应该就能理解ASP.NET MVC的不同部分是如何共同工作的。而且你也应该能够理解ASP.NET MVC程序的架构与ASP.NET Web窗体程序或ASP程序有如何的不同。
示例 ASP.NET MVC 应用程序
用以创建ASP.NET MVC Web程序的默认的 Visual Studio 模板包括一个极其简单的示例程序,可以用来理解ASP.NET MVC Web程序的不同部分。我们在这个教程里就利用这个简单程序吧。
运行Visual Studio 2008, 选择“文件”,“新建”(见图1),用MVC模板创建ASP.NET MVC程序。在“新建项目”对话框中,在“项目类型(P)”(Visual Basic 或者C#)中选择你喜欢的编程语言,并在“模板”下选择 ASP.NET MVC Web Application 。点击“确定”按钮。
图1 新建项目对话框
创建完新的 ASP.NET MVC 程序后, 出现Create Unit Test Project 对话框(见图2). 这个对话框会在解决方案中为你创建一个单独的用来测试你的ASP.NET MVC程序的项目。选择选项 No, do not create a unit test project 并单击 OK 按钮。
图2 创建单元测试对话框
ASP.NET MVC 程序创建完成。你会在解决方案资源管理器窗口中看到几个文件夹和文件。特别是你会看到三个分别名为Models,Views和Controllers的文件夹。顾名思义,这三个文件夹包含了实现模型,视图和控制器的文件。
如果你展开Controllers文件夹,你会看到一个名为AccountController.cs和一个名为HomeControllers.cs的文件。展开Views文件夹,会看到三个分别名为Account,Home和Shared的子文件夹。展开Home文件夹,会看到两个分别名为About.aspx和Index.aspx的文件(见图3)。这些文件组成了包括默认ASP.NET MVC模板的示例程序。
图3 解决方案资源管理器窗口
选择“调试”,“启动调试”运行示例程序。或者按F5键也可以。
第一次运行 ASP.NET 程序时,会出现图4所示的对话框,建议你启动调试。 点击“确定”按钮程序就会运行起来了。
图4 调试未启动对话框
运行ASP.NET MVC 程序时, Visual Studio 会在浏览器运行你的程序。示例程序包括2个页面:Index页和About页。程序首次启动时,出现Index页(见图5)。你可以点击程序右上方的菜单链接导航到About页。
图5 Index 页
注意浏览器地址栏的URL,当点击About菜单链接时,地址栏中的URL变为 /Home/About。
关闭浏览器窗口回到 Visual Studio,你找不到路径Home/About的文件。这个文件不存在,这怎么可能呢?
一个URL不等于一个页
生成传统的ASP.NEW Web窗体程序或ASP程序时,一个URL对应一个网页。如果向服务器一个名为 SomePage.aspx的页面发起请求 ,那么磁盘里最好存在这么一个名为SomePage.aspx的页面。如果 SomePage.aspx 文件不存在,将会得到一个丑陋的 404 – Page Not Found 错误。
相反,生成 ASP.NET MVC 程序时,在你输入浏览器地址的URL和你要在程序里找的文件之间并没有对应关系。在
ASP.NET MVC 程序中, 一个URL并不对应磁盘上的页而是对应一个控制器action。
在传统 ASP.NET 或者 ASP 程序中, 浏览器请求被映射到页面。相反,在 ASP.NET MVC 程序中, 浏览器请求被映射到控制器action。 ASP.NET Web 窗体程序以内容为中心。 相反,ASP.NET MVC 程序以程序逻辑为中心。
理解ASP.NET Routing
浏览器请求通过一个名为 ASP.NET Routing 的ASP.NET 框架特性来获得控制器action的映射。 ASP.NET Routing 被 ASP.NET MVC 框架用来对传入控制器action的请求进行路由。
ASP.NET Routing 用一个路由表来处理传入的请求。当web程序第一次运行时这个路由表就会被创建。 它是在 Global.asax 文件中被创建的。默认的 MVC Global.asax 文件如代码1所示。
代码1 – Global.asax
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
|
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc; using System.Web.Routing; namespace MvcApplication1 { // Note: For instructions on enabling IIS6 or IIS7 classic mode, public class MvcApplication : System.Web.HttpApplication { public static void RegisterRoutes(RouteCollection routes) { routes.IgnoreRoute( "{resource}.axd/{*pathInfo}" ); routes.MapRoute( "Default" , // Route name "{controller}/{action}/{id}" , // URL with parameters new { controller = "Home" , action = "Index" , id = "" } // Parameter defaults ); } protected void Application_Start() { RegisterRoutes(RouteTable.Routes); } } } |
ASP.NET 程序首次启动时, Application_Start() 方法会被调用。 在代码 1中, 此方法调用 RegisterRoutes() 方法创建默认路由表。
默认路由表只包括一个路由。这个默认的路由将传入的请求分为三段(一个URL段就是两个斜杠间的任何东西)。第一段映射到控制器名,第二段映射到action名,最后一段映射到一个传到action的名为Id的参数。
例如,考虑以下URL:
/Product/Details/3
这个 URL 被解析为类似这样的3个参数:
Controller = Product
Action = Details
Id = 3
Global.asax 文件中定义的默认路由包括所有三个参数的默认值。默认的控制器是 Home, 默认的 Action 是 Index, 默认的 Id 是空字符串。心里想着这些默认值,思考一下下面的URL是怎么解析的:
/Employee
这个 URL 被解析成类似这样的三个参数:
Controller = Employee
Action = Index
Id =
最后,如果你不输入任何URL(例如,http://localhost)就打开 ASP.NET MVC 程序的话URL就像这样解析:
Controller = Home
Action = Index
Id =
这个请求就被路由到HomeController类的 Index() action 中。
理解控制器
控制器负责控制用户与MVC程序交互的方式。控制器包括了ASP.NET MVC程序的流控制逻辑。控制器决定当用户发送一个浏览器请求时返回什么响应。控制器就是一个类(例如,一个Visual Basic或者C#类)。样例 ASP.NET MVC 程序包括一个位于Controllers文件夹中名为 HomeController.cs 的控制器。 HomeController.cs 文件内容转载在代码 2中。
代码 2 – HomeController.cs
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
|
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc; namespace MvcApplication1.Controllers { [HandleError] public class HomeController : Controller { public ActionResult Index() { ViewData[ "Title" ] = "Home Page" ; ViewData[ "Message" ] = "Welcome to ASP.NET MVC!" ; return View(); } public ActionResult About() { ViewData[ "Title" ] = "About Page" ; return View(); } } } |
注意 HomeController 有两个方法,名为Index() 和About().。这两个方法对应由控制器暴露的两个action。 URL /Home/Index 调用 HomeController.Index() 方法而URL/ Home/ About 调用 HomeController.About() 方法。
控制器中的任何公共方法都被暴露为控制器action。对此你要特别小心。这意味着人们只要通过访问互联网,在浏览器中输入正确的URL,就可以调用控制器中的任何公共方法。
理解视图
由HomeController暴露的 Index() 和About() 这两个action都返回一个视图。视图包括HTML标记和发送到浏览器的内容。在ASP.NET MVC程序中视图等同于一个页面。你必须在正确的地方创建视图。HomeController.Index() action 返回一个位于以下路径的视图:
/Views/Home/Index.aspx
HomeController.About() action 返回一个位于以下路径的视图:
/Views/Home/About.aspx
通常,如果你想为控制器action返回视图,那么你需要在Views文件夹下创建一个与控制器同名的子文件夹。在此子文件夹内,你得创建一个与控制器action同名的 .aspx 文件。
代码3 中的文件包含 About.aspx 视图。
代码3 – About.aspx
1
2
3
4
5
6
7
8
|
<%@ Page Language= "C#" MasterPageFile= "~/Views/Shared/Site.Master" Inherits= "System.Web.Mvc.ViewPage" %> <asp:Content ID= "aboutContent" ContentPlaceHolderID= "MainContent" runat= "server" > <h2>About</h2> <p> Put content here. </p> </asp:Content> |
如果你忽略代码3的第一行,视图的其余部分包含了标准的HTML。你可以输入任何你想要的HTML来修改视图的内容。
视图和ASP或ASP.NET Web窗体中的页面很相似。视图可以包含HTML内容和脚本。你可以用你喜欢的编程语言写脚本(例如,C#或Visual Basic .NET)。使用脚本来显示动态内容,例如数据库数据。
理解模型
我们已经讨论了控制器和视图。最后一个话题就是模型了。什么是MVC模型?
MVC 模型包含程序中的所有逻辑,而这些逻辑并不包含在视图或控制器中。模型应该包含所有程序业务逻辑,验证逻辑和数据库访问逻辑。例如,如果你用 Microsoft Entity Framework 来访问数据库,那么你要在Models文件夹中创建 Entity Framework 类 ( .edmx 文件) 。
视图应该仅仅包含生成用户界面的逻辑。控制器应该仅仅包含返回正确视图的最小逻辑或者将用户重定向到其他action(流控制)。其它的任何事情都应该包含在模型中。
通常,你应该为“胖”模型和“瘦”控制器而努力。控制器方法应该只包含几行代码。如果控制器action变得太“胖”的话,那么就应该考虑将逻辑挪出到Models文件夹中的一个新类中。
总结
这篇教程提供给你ASP.NET MVC Web程序不同部分的高度概览。你学到了 ASP.NET Routing 如何将传入的浏览器请求映射到特定的控制器action。你学到了控制器如何编配,视图如何返回到浏览器。最后,你学到了模型如何包含程序业务,验证和数据库访问逻辑。
深入理解模型,视图和控制器(C#)的更多相关文章
- MVC 模型 视图, 控制器 写 三级联动
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>& ...
- ASP.NET MVC with Entity Framework and CSS一书翻译系列文章之第二章:利用模型类创建视图、控制器和数据库
在这一章中,我们将直接进入项目,并且为产品和分类添加一些基本的模型类.我们将在Entity Framework的代码优先模式下,利用这些模型类创建一个数据库.我们还将学习如何在代码中创建数据库上下文类 ...
- [.net 面向对象程序设计深入](6).NET MVC 6 —— 模型、视图、控制器、路由等的基本操作
[.net 面向对象程序设计深入](6).NET MVC 6 —— 模型.视图.控制器.路由等的基本操作 1. 使用Visual Studio 2015创建Web App (1)文件>新建> ...
- 设计模式 --- 模型-视图-控制器(Model View Controller)
模型-视图-控制器(Model-View-Controller,MVC)是Xerox PARC在20世纪80年代为编程语言Smalltalk-80发明的一种软件设计模式,至今已广泛应用于用户交互应用程 ...
- 模型 - 视图 - 控制器(MVC)详解
模型视图控制器(MVC)一个相当实用且十分流行的设计模式.作为一位称职码农,你不可能没听说过吧. 不幸的是它难以让人理解. 在本文中,我将给出我认为是MVC的最简单的解释,以及为什么你应该使用它. 什 ...
- 模型-视图-控制器模式(MVC模式,10种常见体系架构模式之一)
一.简介: 架构模式是一个通用的.可重用的解决方案,用于在给定上下文中的软件体系结构中经常出现的问题.架构模式与软件设计模式类似,但具有更广泛的范围. 模型-视图-控制器模式,也称为MVC模式.是软件 ...
- 学习模型-视图-控制器MVC模式
1.MVC简介 MVC全名是Model View Controller,是模型(model)-视图(view)-控制器(controller)的缩写,一种软件设计典范,用一种业务逻辑.数据.界面显示分 ...
- [框架模式]经典的模型视图控制器模式MVC
参考:<设计模式> http://blog.csdn.net/u010168160/article/details/43150049 百度百科 引言: Model(模型)是应用程序中用于处 ...
- python设计模式之模型-视图-控制器模式
python设计模式之模型-视图-控制器模式 关注点分离( Separation of Concerns, SoC)原则是软件工程相关的设计原则之一. SoC原则背后的思想是将一个应用切分成不同的部分 ...
随机推荐
- MySQL 事物的隔离级别(简要)
事务的隔离级别 为什么 引入了 事务隔离级别?? 在数据库操作中,为了有效保证并发读取数据的正确性,提出的事务隔离级别. 更新丢失两个事务都同时更新一行数据,一个事务对数据的更新把另一个事务对数据的 ...
- 【POJ】1419:Graph Coloring【普通图最大点独立集】【最大团】
Graph Coloring Time Limit: 1000MS Memory Limit: 10000K Total Submissions: 5775 Accepted: 2678 ...
- Python168的学习笔记5
关于对csv文件的操作. python标准库中有csv的库,使用非常方便. import csv with open('pingan.csv','rb') as rf: reader = csv.re ...
- ROS知识(10)----smach_viewer的Graph view不能显示状态图
1.问题 在运行ROS by Example 2--Indigo版本中,运行 smach_viewer,再运行巡逻,命令如下: $ rosrun smach_viewer smach_viewer.p ...
- POJ 3580 SuperMemo (splay tree)
SuperMemo Time Limit: 5000MS Memory Limit: 65536K Total Submissions: 6841 Accepted: 2268 Case Ti ...
- Syncthing vs BitTorrent Sync
Syncthing 是一款跨平台的文件同步工具.即你在一台设备上创建.修改或删除文件,在其他设备上会同步执行相同的操作.Syncthing 不会将你的数据上传到云端,而是在你的多台设备同时在线时对指定 ...
- ParseFloat有超长的小数位数的解决
描述一下sum=parseFloat(num1)+parseFloat(num2),这个个sum=113.32000000000002,最后用了个Math.round(sum* 100)/100,解决 ...
- java中的几种对象(PO,VO,DAO,BO,POJO)
一.PO :(persistant object ),持久对象 可以看成是与数据库中的表相映射的java对象.使用Hibernate来生成PO是不错的选择. 二.VO :(value object) ...
- 模拟登陆CSDN——就是这么简单
工具介绍 本篇文章主要是解说怎样模拟登陆CSDN.使用的工具是HttpClient+Jsoup 当中HttpClient主要是负责发送请求,而Jsoup主要是解析HTML 你可能对HttpClient ...
- OPC and .NET
Note: recent OPC standards, including Unified Architecture (UA) and Express Interface (Xi) were desi ...