ASP_NET_MVC3中文版教程

合集下载

利用模型实现服务器验证_ASP.NET MVC程序设计教程（第3版）_[共4页]

当操作员单击【提交】按钮后，如果客户端验证失败，它就会自动显示对应的错误提示信息，而且不会将数据提交到服务器，只有客户端验证成功后才会向服务器提交。

4．自定义客户端验证规则jQuery Validate除了内置的验证规则外，还允许开发人员自定义客户端验证规则。

这是通过jQuery提供的addMethod方法来实现的，语法为：jQuery.validator.addMethod("name",function,message)参数中的name为验证规则的名称，function为自定义的验证规则，message为验证失败时显示的错误提示信息。

例如：jQuery.validator.addMethod("CharNum", function(value, element) {return this.optional(element) || (/^([a-zA-Z0-9]+)$/.test(value));},"只能输入英文字母或数字。

");这段代码利用自定义的正则表达式实现客户端验证（只允许英文字母和数字）。

由于正则表达式的用法已经超出了本书介绍的范围，因此不再对其进行过多介绍。

3.3.4 利用模型实现服务器验证由于 MVC内置了jQuery客户端验证，因此也可以在模型类中声明这些验证规则，从而实现客户端和服务器双重验证的功能。

1．进行服务器验证的必要性既然直接用jQuery Validate实现客户端验证就能确保输入数据的合法性，为什么还要进行服务器验证呢？这是因为客户端验证仅仅实现了获取用户输入信息的第一个防护层，而服务器验证则是为了实现第二个防护层。

具体来说，服务器验证除了可防止黑客绕过客户端验证而直接提交数据到服务器以外，还能防止黑客利用无限循环不停地提交请求去攻击或瘫痪服务器。

2．在模型类中利用C#特性声明客户端和服务器验证规则在 MVC中，服务器验证规则是在模型类中利用C#特性来声明的。

ASP.NET Web 应用程序_ASP.NET MVC程序设计教程（第3版）_[共2页]

5 如果不使用VS2013旗舰版，也可以安装包含Update4的VS2013开发版，这是一种免费的版本，主要用于个人学习和小公司使用，但其功能没有VS2013旗舰版强大。

2．下载和安装IE 11.0浏览器IE 11.0浏览器全面实现了HTML5、CSS3、JavaScript 、Canvas 、SVG 以及WebGL 等Web 2.0正式标准的功能，而且运行速度快、使用方便，而IE 9.0和IE 10.0只是实现了Web 2.0推荐标准草案中的部分功能，IE 8.0和IE6.0由于研发时间更早，不支持Web 2.0标准。

IE 11.0浏览器的官方下载网址如下：/zh-cn/internet-explorer/ie-11-worldwide-languages从该下载网页选择合适的IE 11.0版本（32位或者64位简体中文版，网站会根据访问时使用的操作系统自动选择合适的版本），下载后直接运行安装即可。

至此，我们完成了本书需要的开发和调试环境的安装。

1.1.3 Web 应用程序是一个免费的Web 开发平台，是微软公司在.NET 框架的基础上构建的一种Web 开发架构。

2014年11月12日，微软公司在纽约举办的全球开发者联盟大会上郑重声明，不但现在的是完全免费的，以后所有.NET 框架也将全部开源（可支持Windows 、Mac OS X 和Linux 三大操作系统）。

关于微软.NET 框架开源的更多信息，有兴趣的读者可参考下面的网站（或者搜索“.NET 开源”查看国内翻译版）：/visual-studio/visual-studio-and-net-go-cross-platform1．One VS2013提供的 Web 应用程序模板同时提供了多种Web 应用编程模型，从大的方面来说，这些编程模型主要分为两大类，一类是网站（Sites ）编程模型，另一类是服务（Services ）编程模型，如图1-4所示。

绑定模型对象_ASP.NET MVC程序设计教程（第3版）_[共2页]

public ActionResult ModelDemo3() {
List<MyStudent> students = new List<MyStudent> {
new MyStudent{XueHao = "001",XingMing = "张三",XingBie = "男",NianLing = 20 }, new MyStudent{XueHao = "002",XingMing = "李四",XingBie = "男",NianLing = 23 }, new MyStudent{XueHao = "003",XingMing = "王五",XingBie = "男",NianLing = 21 }, }; return View(students); }
} }
在 Models 文件夹下定义模型类型以后，就可以在控制器中创建模型数据了。（2）在控制器中创建模型数据
下面的代码在操作方法中创建一个 MyColor 对象，并将该对象作为模型返回给视图（源程序见 ch03NavDemosController.cs 文件）：
public ActionResult ModelDemo2() {
（3）在视图中呈现模型数据在视图文件中，可使用@model（首字母小写）声明控制器传递过来的模型类型，该类型
必须与控制器传递的模型类型一致。声明以后，就可以用@Model（首字母大写）访问模型中相应的属性。
默认情况下，一个视图文件只能使用一种模型。但是，由于模型本身也可以定义为一个集合，因此，实际上可以传递多个模型对象。在后面章节的学习中，我们还会接触到其他用法，这里先理解简单的用法即可。

预处理_ASP.NET MVC程序设计教程（第3版）_[共2页]

245 接下来，我们就可以分别实现这些功能了。

8.2.4 预处理采用Code First 模式时，由于创建数据库和删除库中已经存在的数据并重新创建数据库都是由框架自动执行的，因此，如果希望数据库创建后能自动包含测试用的初始数据，只需要编写一个继承自DropCreateDatabaseIfModelChanges<TContext>的类，并在继承的类中重写基类的Seed 方法（即设置数据库种子），然后再通过配置文件或者Global.asax 文件让EF 能自动执行这个方法，这种方式和采用Database First 模式时手工添加初始化数据的功能相同，前面我们学习的默认数据库初始化策略（MyDb2Init.cs ）采用的就是这种办法。

但是，当我们测试程序功能时，如删除数据等，在没有改变模型的情况下，我们仍希望能随时初始化测试数据，而不是仅在修改模型后首次访问数据库时才执行初始化，在这种情况下，就可以采用本节介绍的办法来实现。

1．设计思路在Code First 模式中，除了EF 默认实现的执行策略外， MVC 还为项目开发人员提供了一个DropCreateDatabaseAlways<TContext>类，如果编写一个从该类继承的类，并在继承的类中重写该类的Seed 方法，那么，不论数据库是否已经存在，也不论是否是首次访问数据库，只要调用该类的公开的InitializeDatabase 方法，都会创建新的数据库（如果存在就先删除再创建）并自动执行继承自该类的Seed 方法。

利用这个特点，我们就可以用独立的模块实现初始化测试数据的功能。

在实际项目中，该功能是指在正式使用数据库之前需要执行的初始化工作。

2．代码实现下面通过具体步骤说明初始化数据的实现办法。

当然，这里所说的初始化仅仅是为了实现初始化表8-1～表8-3中列出的测试数据，与实际项目中所说的正式使用数据库之前的“初始化”并不是一回事，但两者的基本实现思路完全相同。

成绩查询_ASP.NET MVC程序设计教程（第3版）_[共3页]

在这两个方法中，由于参数的个数和类型都相同，因此不能用相同的方法名，此时需要用 ActionName 特性指定 EditPost 方法对应的是 HttpPost 请求的 Edit 操作方法。
3．删除成绩删除成绩没有单独的页面，结果仍显示在 Index.cshtml 页面中。当用户单击类似按钮的【删除成绩】超链接时，将利用 Ajax 帮助器实现成绩提交功能。 MyDb2Table3 文件夹下的 Index.cshtml 文件中的相关代码如下：
db.MyTable3.Remove(v); } db.SaveChanges(); return RedirectToAction("Index", new { id = kcid }); }
255
在 Ajax.ActionLink 扩展方法的参数中，通过为 AjaxOptions 实例指定 Confirm 调用的脚本函数中参数的值，一旦用户删除成绩前弹出的对话框
如果用户单击【取消】按钮，则不再将请求提交到服务器。只有当用户单击【确定】按钮后，才会将删除请求提交到服务器。
第 8 章实体框架与数据库操作
v.Grade = int.Parse(Request[k]); db.Entry(v).State = EntityState.Modified; db.SaveChanges(); } } catch (DataException err) { ModelState.AddModelError("StudentID", "出错了。\n" + err.Message); } return RedirectToAction("Index", new { id = kcID }); } return View(t); }

ASP.MVC 3.0 快速入门

•MVC3•快速入门-第一节•概述•(2011-02-23 20:57:18)转载标签：web 应用程序分类：MVC31.1 本教程的学习内容在本教程中，你将学会如下内容：如何创建一个 MVC 的工程。

如何创建 MVC 的控制器（controller）与视图(view)。

如何使用Entity Framework code-first 范例来创建一个新的数据库。

如何获取和显示数据。

如何编辑数据并且进行数据的有效性验证。

1.2 创建工程如果要创建一个 MVC3 的工程时，首先运行Visual Web Developer 2010 Express（本教程中简称“Visual Web Developer”）,并且在起始页(start page)中选择“新建项目”。

Visual Web Developer 是一个集成开发环境，你可以使用它来进行各种应用程序的开发。

在Visual Web Developer 的菜单的下面有一个工具条，可以直接点击工具条中的各个工具按钮来进行各种操作，也可以直接点击菜单中的各个菜单项来进行各种操作，此处我们点击“文件”菜单中的“新建项目”菜单项。

图1-1 Visual Web Developer 2010 Express 中的起始页1.3 创建你的第一个应用程序你可以使用Visual Basic 或Visual C#作为开发语言来创建应用程序。

在本教程中，选择C#来作为开发语言。

点击“新建项目”菜单项后，在打开的“新建项目”对话框中，双击左边的“Visual C#”使其成为展开状态，然后点击“Web”，点击右边的“ MVC 3 Web 应用程序”，然后在下方的名称文本框中填入应用程序的名称，在本教程中命名为“MvcMovie”, 然后点击确定按钮。

图1-2 在新建项目对话框中选择 MVC3 应用程序并为应用程序命名在接下来打开的“新 MVC 3 项目”对话框中，点击选中“Internet 应用程序”，在“视图引擎”下拉框中保持默认的“Razor”选项不作修改（Razor 视图是 MVC3 种新增的一种十分重要的视图类型，使用它可以使得Web 应用程序的开发变得更加方便快捷，在后文中将对此进行详细介绍）。

关系选择器_ASP.NET MVC程序设计教程（第3版）_[共4页]

180
div1, div2, div3 {color:red}
jQuery代码：
$("div1, div2, div3").css({"color":"red"})
该规则的含义是div1、div2、div3的字体都以红色显示。

注意在这种表示法中，各个选择符之间用英文逗号“,”分隔。

5．通配符选择器（*）
通配符选择器是指选择HTML文档内的所有元素。

例如，CSS代码：
*{color:Red; }
jQuery代码：
$("*").css({"color":"red"})
这行代码的含义是设置所有HTML元素的颜色为红色。

不过，使用这种选择器应该非常小心，否则可能带来意想不到的结果。

6．示例
下面通过例子演示基本选择器的用法。

【例6-4
】演示基本选择器的用法，运行效果如图6-7所示。

图6-7例6-4的运行效果
该例子的源程序见BasicSelector.cshtml文件。

运行时，先单击某个按钮查看选择的元素，再次单击取消选择，依此类推。

这个例子同时演示了如何使用click事件，以及如何传递事件参数，同时也演示了jQuery 的toggleClass方法的用法。

6.3.3 关系选择器
关系选择器也叫层次选择器。

如果希望通过元素之间的嵌套层次关系来获取特定的元素，可以用关系选择器来实现。

1．关系选择器的分类
关系选择器分为选择后代元素、选择子元素、选择兄弟元素和选择相邻兄弟元素，其含义如表6-2所示。

ASP NET MVC程序设计教程教学大纲

《 MVC 程序设计教程》（第3版）课程教学大纲总学时：64 讲课学时：64 实验学时：32学分：3适用对象: 网络工程、软件工程、计算机科学与技术先修课程：C#程序设计，数据库系统原理一、课程简介本课分别介绍用 MVC开发Web应用程序的基本编程技术和Web API、OData、SVG、Canvas、WebGL以及Three.js等高级编程技术的基本概念和基本用法。

包括 MVC应用程序的创建，控制器、视图和模型的基本概念与使用，Web前端开发架构（Bootstrap），HTML5标记，CSS3样式控制，文档对象模型、JavaScript以及jQuery的基本用法，CSS动画和jQuery动画，实体框架与数据库操作，二维和三维图形绘制等。

在讲解理论的同时，配合实例演示，加深对所学知识的印象。

二、课程性质、目的和任务课程性质：本课程为专业选修课。

主要介绍Web前端开发技术（HTML5、CSS3.0、jQuery等）及 MVC Web应用程序开发等有关内容。

课程目的与任务：希望通过本课程的学习，掌握开发 MVC应用程序的基础知识和基本方法，掌握常见的页面布局和数据交互技术，对Web应用程序设计有一个全面的认识和了解，并能够独立开发Web应用程序。

三、教学基本要求在理论上学生学习本课程后，应能够掌握 MVC架构基本思想、C#语言的基本编程以及动态网页开发的基本技术。

在实践技能上能够利用 MVC技术进行比较深入的动态网页程序设计，并且有能力参与中大型网站项目的开发工作。

四、教学内容及要求第1章概述内容：介绍Web标准、网页的分类、MVC项目的创建和组织以及VS2013开发环境配置。

基本要求：理解Web标准和网页的分类，熟悉VS2013的安装以及基本使用方法，掌握新建一个 MVC应用程序的基本流程及布局页与主页的跳转。

第2章MVC编程预备知识内容：学习 MVC编程中的基本知识及常见的帮助器，以及Web前端开发架构Bootstrap 的基本用法。

form 元素_ASP.NET MVC程序设计教程（第3版）_[共6页]

145（7）响应式表格将任何具有【.table 】类的元素包裹在【.table-responsive 】中即可创建响应式表格。

响应式表格的含义是这种表格会自动在小屏幕设备上（小于768px ）显示水平滚动条，当屏幕大于768px 宽度时，水平滚动条自动消失。

例如：<div class="table-responsive"><table class="table">...</table></div>5.3 表单和表单交互元素当用户通过网页以表单形式提交数据时，它所包含的界面交互元素都必须包含在form 元素的开始标记（<form>）与结束标记（</form>）之间，HTML5提供的常用界面交互元素有：input 元素、select 元素、datalist 元素、textarea 元素、label 元素等。

5.3.1 form 元素form 元素是其他界面交互元素的容器，用户和界面交互的内容一律保存在form 元素内。

1．method 特性form 元素的method 特性提供了多种提交表单的HTTP 数据传输方式，包括GET 、POST 、DELETE 、PUT 等，在这些传输方式中，最常用的有两种：GET 和POST 。

（1）GET 方式GET 方式也叫GET Method ，用于向服务器发送GET 请求，该方式通过URL 来传递用户请求的数据，同时将参数以字符串的形式存放在向服务器提交的URL 的后面。

form 默认采用GET 方式提交，也可以在form 的开始标记内显式添加method="get"。

例如：<form method="get" action="@Url.Action(...)">......</form>【例5-15】演示用GET 方式提交数据的基本用法，运行效果如图5-15所示。

折叠面板_ASP.NET MVC程序设计教程（第3版）_[共2页]

212
该例子的源程序见panel1.cshtml文件。

2．嵌套的面板
在一个面板内，还可以嵌套一个或多个其他面板。

【例7-3】演示嵌套面板的基本用法，运行效果如图7-3
所示。

图7-3 例7-3的运行效果
该例子的源程序见panel2.cshtml文件。

7.2.2 折叠面板
折叠面板（accordion）是指在多个组合在一起的面板中，既可以全部折叠所有项，也可以只展开其中的某一项而让其他项自动折叠。

有两种构造折叠面板的办法，一种是利用Bootstrap提供的data-api去构造，另一种是直接用jQuery UI去实现。

1．用Bootstrap实现
用Bootstrap实现折叠面板时，优点是不需要任何脚本代码，缺点是HTML代码较多，而且默认没有动态变化的图标。

【例7-4】演示用Bootstrap实现折叠面板的基本用法，运行效果如图
7-4所示。

图7-4 例7-4的运行效果。

列表和导航（ul、ol、dl、nav）_ASP.NET MVC程序设计教程（第3版）_[共2页]

135 @{var url = Url.Action("Index", "ch04Demos", new { id="a2"});}<a href="@url#div2">第2部分</a><a href="@url#div3">第3部分</a>5.2.4 列表和导航（ul、ol、dl、nav）HTML5提供了3种列表标记：无序列表（ul ）、有序列表（ol ）和自定义列表（dl ），这些标记除了用于显示列表信息外，还可以在这些标记内用超链接实现导航功能。

导航标记（nav ）的用途是明确指定它所包含的子元素是用于导航的。

1．无序列表（ul）ul 表示顺序无关紧要的列表元素。

ul 元素中的每一子项都必须包含在<li>和</li>之间。

默认情况下，li 有自动换行的作用，每个子项占一行。

【例5-8】演示ul 标记的基本用法，运行效果如图5-8所示。

图5-8 例5-8的运行效果该例子的源程序见ul.cshtml 文件，下面解释其基本用法。

（1）默认样式可以用style 特性的list-style-type 属性设置ul 列表项的符号。

list-style-type 属性有3种取值：“disc ”、“circle ”和“square ”，分别表示实心圆、空心圆和小方块，默认值为“disc ”。

如果不指定任何样式，此时它将使用默认的“disc ”样式，例如：<ul><li>子项1</li> <li>子项2</li><li>子项3</li></ul>（2）列表嵌套也可以嵌套使用ul ，例如：<ul>......<li>子项3。

创建项目主页和布局页_ASP.NET MVC程序设计教程（第3版）_[共4页]

14<body>......@Scripts.Render("~/bundles/jquery")@Scripts.Render("~/bundles/bootstrap")......</body></html>这段代码中的@Styles.Render(...)引用的就是BundleConfig.cs文件中定义的CSS捆绑配置，@Scripts.Render(...)引用的是BundleConfig.cs文件中定义的脚本捆绑配置。

在后续的章节中，我们还会学习如何在自定义的布局页中引用修改后的捆绑配置，这里只需要了解相关代码和捆绑配置文件的关系即可。

2．修改脚本引用配置VS2013在Scripts文件夹下提供了一个_references.js文件，该文件的用途是让开发人员在键入JavaScript脚本代码时可看到对应的智能提示。

默认情况下，当在项目中新建一个JavaScript文件（扩展名为“.js”的文件）或者向项目中添加一个现有的脚本文件时，系统都会自动在_references.js文件中添加一个对该脚本文件的引用。

这种默认设置的方便之处是不需要开发人员去手工修改_references.js，但这种设置仅适合项目中脚本文件不多的场合。

如果项目中的脚本文件非常多，这种默认设置会给智能提示带来很大的性能问题，甚至可能导致智能提示失效。

为了解决智能提示的问题，打开该文件，将下面的代码：/// <autosync enabled="true" />修改为：/// <autosync enabled="false" />这样修改以后，即使项目中的脚本文件再多，也不会影响智能提示。

此时，当在视图页或者分部页中希望看到布局页中引用的脚本文件智能提示时，需要手工将被引用的脚本文件从解决方案资源管理器中拖放到Scripts文件夹下的_references.js文件中。

asp.netMVC(三)

2014-6-13
17
另一种方法
List<SelectListItem> list = new List<SelectListItem> { new SelectListItem {Text = “Black", Value = "1"}, new SelectListItem {Text = “Rose", Value = "2“, Selected=true}, }; ViewData["sel1"] =list;
2014-6-13
18
综合实战
用扩展方法把新闻列表页面加上一个分页标签难点: 1.如何自己写一个HtmlHelper 3.如何把分页的PageIndex参数传递
2014-6-13
19
感谢您对暴视网的支持!

2014-6-13
20Байду номын сангаас
2014-6-13
10
RouteLink
RouteLink与ActionLink相差无几 <%=Html.ActionLink(“首页", "Index", "Home")%> 等效于 <%= Html.RouteLink(“首页”,new{controller=“Home”,action=“Index”})%> <%=Html.ActionLink("首页", "Index" , new { page = 1 , id = "link1" })%> 等效于 <%=Html.RouteLink("首页", new { action = "index", page = 1 }, new { id="link1"})%>

jQuery_ASP.NET MVC程序设计教程（第3版）_[共3页]

98 种方式称为介入式JavaScript。

或者说，这种方式是将JavaScript代码“显式”地介入HTML 元素的开始标记中。

非介入式JavaScript（unobtrusive JavaScript）是指在HTML元素的开始标记内看不到JavaScript代码，而是通过元素的特性声明自动进行脚本调用，由于这种方式实际上是通过“隐式”的调用JavaScript代码来实现的，因此将其称为“非介入式JavaScript”或者称为“不显眼的JavaScript”。

非介入式JavaScript的用途是将HTML元素和JavaScript代码完全分离，例如：<div id="div1">单击弹出对话框</div><script>$("#div1").click(function(){alert("Hello");});</script>在这段代码中，div元素的开始标记内看不到任何JavaScript函数，但该元素仍然能响应click事件，这就是非介入式的含义，即不将JavaScript代码显式添加到HTML元素的开始标记中。

实现非介入式JavaScript的方式很多。

例如，若希望在MVC项目中使用jQuery提供的非介入式Ajax实现页面局部更新，除了在项目中添加对jQuery脚本的引用外，还需要添加对jquery.unobtrusive-ajax.js的引用。

再如，我们学习过的客户端验证就是利用jQuery的非介入式验证来实现的。

4.1.3 jQueryjQuery是一种免费的开源JavaScript库，这些库函数也是用JavaScript代码来编写的，但是用jQuery提供的语法编写客户端代码更加简洁、直观，能大大缩短Web项目的开发周期。

另外，jQuery还自动处理了各种不同浏览器以及同一浏览器不同版本的兼容性问题，让开发人员编写的客户端脚本代码在各种操作系统平台下运行的各种浏览器以及同一种浏览器的不同版本中都能呈现完全相同的效果。

ASP.NET MVC教程：一种由微软提供的开源软件说明书

About the T utorial MVC is an open-source software from Microsoft. Its web development framework combines the features of MVC (Model-View-Controller) architecture, the most up-to-date ideas and techniques from Agile development and the best parts of the existing platform.This tutorial provides a complete picture of the MVC framework and teaches you how to build an application using this tool.AudienceThis tutorial is designed for all those developers who are keen on developing best-in-class applications using MVC. The tutorial provides a hands-on approach to the subject with step-by-step program examples that will assist you to learn and put the acquired knowledge into practice.After completing this tutorial, you will have a better understating of Windows apps and learn what you can do with Windows application using XAML and C#.PrerequisitesTo gain advantage of this tutorial, you need to be familiar with programming for Windows. You also need to know the basics of C#.Disclaimer & CopyrightCopyright 2016 by Tutorials Point (I) Pvt. Ltd.All the content and graphics published in this e-book are the property of Tutorials Point (I) Pvt. Ltd. The user of this e-book is prohibited to reuse, retain, copy, distribute or republish any contents or a part of contents of this e-book in any manner without written consent of the publisher.We strive to update the contents of our website and tutorials as timely and as precisely as possible, however, the contents may contain inaccuracies or errors. Tutorials Point (I) Pvt. Ltd. provides no guarantee regarding the accuracy, timeliness or completeness of our website or its contents including this tutorial. If you discover any errors on our website or inthistutorial,******************************************.iT able of ContentsAbout the Tutorial (i)Audience (i)Prerequisites (i)Disclaimer & Copyright (i)Table of Contents .................................................................................................................................... i i MVC – OVERVIEW . (1)History (1)Why MVC? (2)Benefits of MVC (2) MVC – MVC PATTERN (3) MVC – ENVIRONMENT SETUP (5)Installation (5) MVC – GETTING STARTED (10)Create MVC Application (10)Add Controller (13) MVC – LIFE CYCLE (17)The Application Life Cycle (17)The Request Life Cycle (17) MVC – ROUTING (19)Understanding Routes (21)Custom Convention (22) MVC – CONTROLLERS (28) MVC – ACTIONS (35)iiRequest Processing (35)Types of Action (36)Add Controller (37) MVC – FILTERS (43)Action Filters (43)Types of Filters (43)Apply Action Filter (46)Custom Filters (49) MVC – SELECTORS (54)ActionName (54)NonAction (56)ActionVerbs (58) MVC – VIEWS (62) MVC – DATA MODEL (70) MVC – HELPERS (83) MVC – MODEL BINDING (104) MVC – DATABASES (115) MVC – VALIDATION (128)DRY (128)Adding Validation to Model (128) MVC – SECURITY (134)Authentication (134)Authentication Options (135)Authorization (145)iiiWhy Caching? (153)Varying the Output Cache (155)Cache Profile (160) MVC – RAZOR (162)Razor Vs ASPX (162)Goals (162)Creating a View Using Razor (165) MVC – DATAANNOTATIONS (172)Key (172)Timestamp (175)ConcurrencyCheck (175)Required (176)MaxLength (177)MinLength (178)StringLength (179)Table (179)Column (181)Index (183)ForeignKey (185)NotMapped (186)InverseProperty (188) MVC – NUGET PACKAGE MANAGEMENT (191)Package Management (191)Without NuGet (191)Using NuGet (192)iv MVC – SCAFFOLDING (205)Add Entity Framework Support (207)Add Model (212)Add DBContext (214)Add a Scaffolded Item (215) MVC – BOOTSTRAP (225) MVC – UNIT TESTING (238)Goals of Unit Testing (238) MVC – DEPLOYMENT (257)Publishing to Microsoft Azure (257) MVC – SELF-HOSTING (287)Deploy using File System (287)v1. MVC is basically a web development framework from Microsoft, which combines the features of MVC (Model-View-Controller) architecture, the most up-to-date ideas and techniques from Agile development, and the best parts of the existing platform. MVC is not something, which is built from ground zero. It is a complete alternative to traditional Web Forms. It is built on the top of , so developers enjoy almost all the features while building the MVC application.History 1.0 was released on January 5, 2002, as part of .Net Framework version 1.0. At that time, it was easy to think of and Web Forms as one and the same thing. has however always supported two layers of abstraction:∙System.Web.UI: The Web Forms layer, comprising server controls, ViewState, and so on.∙System.Web: It supplies the basic web stack, including modules, handlers, the HTTP stack, etc.By the time MVC was announced in 2007, the MVC pattern was becoming one of the most popular ways of building web frameworks.6In April 2009, the MVC source code was released under the Microsoft Public License (MS-PL). " MVC framework is a lightweight, highly testable presentation framework that is integrated with the existing features.Some of these integrated features are master pages and membership-based authentication. The MVC framework is defined in the System.Web.Mvc assembly.In March 2012, Microsoft had released part of its web stack (including MVC, Razor and Web API) under an open source license (Apache License 2.0). Web Forms was not included in this initiative.Why MVC?Microsoft decided to create their own MVC framework for building web applications. The MVC framework simply builds on top of . When you are building a web application with MVC, there will be no illusions of state, there will not be such a thing as a page load and no page life cycle at all, etc.Another design goal for MVC was to be extensible throughout all aspects of the framework. So when we talk about views, views have to be rendered by a particular type of view engine. The default view engine is still something that can take an ASPX file. But if you don't like using ASPX files, you can use something else and plug in your own view engine. There is a component inside the MVC framework that will instantiate your controllers. You might not like the way that the MVC framework instantiates your controller, you might want to handle that job yourself. So, there are lots of places in MVC where you can inject your own custom logic to handle tasks.The whole idea behind using the Model View Controller design pattern is that you maintain a separation of concerns. Your controller is no longer encumbered with a lot of ties to the runtime or ties to the ASPX page, which is very hard to test. You now just have a class with regular methods on it that you can invoke in unit tests to find out if that controller is going to behave correctly.Benefits of MVCFollowing are the benefits of using MVC:∙Makes it easier to manage complexity by dividing an application into the model, the view, and the controller.∙Enables full control over the rendered HTML and provides a clean separation of concerns.∙Direct control over HTML also means better accessibility for implementing compliance with evolving Web standards.∙Facilitates adding more interactivity and responsiveness to existing apps.7∙Provides better support for test-driven development (TDD).∙Works well for Web applications that are supported by large teams of developers and for Web designers who need a high degree of control over the application behavior.82.The MVC (Model-View-Controller) design pattern has actually been around for a few decades, and it's been used across many different technologies. Everything from Smalltalk to C++ to Java, and now C Sharp and .NET use this design pattern to build a user interface. Following are some salient features of the MVC pattern:∙Originally it was named Thing-Model-View-Editor in 1979, and then it was later simplified to Model- View-Controller.∙It is a powerful and elegant means of separating concerns within an application (for example, separating data access logic from display logic) and applies itself extremely well to web applications.∙Its explicit separation of concerns does add a small amount of extra complexity to an application’s design, but the extraordinary benefits outweigh the extra effort.The MVC architectural pattern separates the user interface (UI) of an application into three main parts.∙The Model: A set of classes that describes the data you are working with as well as the business logic.9∙The View: Defines how the application’s UI will be displayed. It is a pure HTML, which decides how the UI is going to look like.∙The Controller: A set of classes that handles communication from the user, overall application flow, and application-specific logic.Idea Behind MVCThe idea is that you'll have a component called the view, which is solely responsible for rendering this user interface whether that be HTML or whether it actually be UI widgets on a desktop application.The view talks to a model, and that model contains all of the data that the view needs to display. Views generally don't have much logic inside of them at all.In a web application, the view might not have any code associated with it at all. It might just have HTML and then some expressions of where to take pieces of data from the model and plug them into the correct places inside the HTML template that you've built in the view. The controller that organizes is everything. When an HTTP request arrives for an MVC application, that request gets routed to a controller, and then it's up to the controller to talk to either the database, the file system, or the model.103.MVC development tool is included with Visual Studio 2012 and onwards. It can also be installed on Visual Studio 2010 SP1/Visual Web Developer 2010 Express SP1. If you are using Visual Studio 2010, you can install MVC 4 using the Web Platform Installer /web/gallery/install.aspx?appid=MVC4VS2010Microsoft provides a free version of Visual Studio, which also contains SQL Server and it can be downloaded from https:///en-us/downloads/download-visual-studio-vs.aspx.InstallationStep (1): Once downloading is complete, run the installer. The following dialog will be displayed.1112Step (2): Click the ‘Install ’button and it will start the installation process.Once the installation process is completed successfully, you will see the following dialog.13Step (3): Close this dialog and restart your computer if required.Step (4): Open Visual Studio from the Start Menu, which will open the following dialog. It will take a while for the first time only for preparation.14Once all is done, you will see the main window of Visual Studio as shown in the following screenshot.15You are now ready to start your application.164.In this chapter, we will look at a simple working example of MVC. We will be building a simple web app here. To create an MVC application, we will use Visual Studio 2015, which contains all of the features you need to create, test, and deploy an MVC Framework application.Create MVC ApplicationFollowing are the steps to create a project using project templates available in Visual Studio. Step (1): Open the Visual Studio. Click File -> New -> Project menu option.A new Project dialog opens.Step (2): From the left pane, select Templates -> Visual C# -> Web.Step (3): In the middle pane, select Web Application.17Step (4): Enter the project name, MVCFirstApp, in the Name field and click ok to continue. You will see the following dialog which asks you to set the initial content for the project.Step (5): To keep things simple, select the ‘Empty’ option and check the MVC checkbox in the Add folders and core references section. Click Ok.It will create a basic MVC project with minimal predefined content.Once the project is created by Visual Studio, you will see a number of files and folders displayed in the Solution Explorer window.18As you know that we have created MVC project from an empty project template, so for the moment the application does not contain anything to run.Step (6): Run this application from Debug -> Start Debugging menu option and you will seea 404 Not Found Error.19The default browser is, Internet Explorer, but you can select any browser that you have installed from the toolbar.Add ControllerTo remove the 404 Not Found error, we need to add a controller, which handles all the incoming requests.Step (1): To add a controller, right-click on the controller folder in the solution explorer and select Add -> Controller.20It will display the Add Scaffold dialog.21Step (2): Select the MVC 5 Controller – Empty option and click ‘Add’ button.The Add Controller dialog will appear.Step (3): Set the name to HomeController and click the Add button.You will see a new C# file HomeController.cs in the Controllers folder, which is open for editing in Visual Studio as well.22Step (4): To make this a working example, let’s modify the controller class by changing the action method called Index using the following code.23Step (5): Run this application and you will see that the browser is displaying the result of the Index action method.245.In this chapter, we will discuss the overall MVC pipeline and the life of an HTTP request as it travels through the MVC framework in . At a high level, a life cycle is simply a series of steps or events used to handle some type of request or to change an application state. You may already be familiar with various framework life cycles, the concept is not unique to MVC. For example, the webforms platform features a complex page life cycle. Other .NET platforms, like Windows phone apps, have their own application life cycles. One thing that is true for all these platforms regardless of the technology is that understanding the processing pipeline can help you better leverage the features available and MVC is no different.MVC has two life cycles:∙The application life cycle∙The request life cycleThe Application Life CycleThe application life cycle refers to the time at which the application process actually begins running IIS until the time it stops. This is marked by the application start and end events in the startup file of your application.The Request Life CycleIt is the sequence of events that happen every time an HTTP request is handled by our application.The entry point for every MVC application begins with routing. After the platform has received a request, it figures out how it should be handled through the URL Routing Module.25Modules are .NET components that can hook into the application life cycle and add functionality. The routing module is responsible for matching the incoming URL to routes that we define in our application.All routes have an associated route handler with them and this is the entry point to the MVC framework.The MVC framework handles converting the route data into a concrete controller that can handle requests. After the controller has been created, the next major step is Action Execution. A component called the action invoker finds and selects an appropriate Action method to invoke the controller.After our action result has been prepared, the next stage triggers, which is Result Execution. MVC separates declaring the result from executing the result. If the result is a view type, the View Engine will be called and it's responsible for finding and rending our view.If the result is not a view, the action result will execute on its own. This Result Execution is what generates an actual response to the original HTTP request.266.Routing is the process of directing an HTTP request to a controller and the functionality of this processing is implemented in System.Web.Routing. This assembly is not part of MVC. It is actually part of the runtime, and it was officially released with the as a .NET 3.5 SP1.System.Web.Routing is used by the MVC framework, but it's also used by Dynamic Data. The MVC framework leverages routing to direct a request to a controller. The Global.asax file is that part of your application, where you will define the route for your application.This is the code from the application start event in Global.asax from the MVC App which we created in the previous chapter.27Following is the implementation of RouteConfig class, which contains one method RegisterRoutes.You will define the routes and those routes will map URLs to a specific controller action. An action is just a method on the controller. It can also pick parameters out of that URL and pass them as parameters into the method.So this route that is defined in the application is the default route. As seen in the above code, when you see a URL arrive in the form of (something)/(something)/(something), then the28first piece is the controller name, second piece is the action name, and the third piece is an ID parameter.Understanding RoutesMVC applications use the routing system, which decides how URLs map to controllers and actions.When Visual Studio creates the MVC project, it adds some default routes to get us started. When you run your application, you will see that Visual Studio has directed the browser to port 63664. You will almost certainly see a different port number in the URL that your browser requests because Visual Studio allocates a random port when the project is created.In the last example, we have added a HomeController, so you can also request any of the following URLs, and they will be directed to the Index action on the HomeController.http://localhost:63664/Home/http://localhost:63664/Home/IndexWhen a browser requests http://mysite/ or http://mysite/Home, it gets back the output from HomeController’s Index method.29You can try this as well by changing the URL in the browser. In this example, it is http://localhost:63664/, except that the port might be different.If you append /Home or /Home/Index to the URL and press ‘Enter’ button, you will see the same result from the MVC application.As you can see in this case, the convention is that we have a controller called HomeController and this HomeController will be the starting point for our MVC application.The default routes that Visual Studio creates for a new project assumes that you will follow this convention. But if you want to follow your own convention then you would need to modify the routes.Custom ConventionYou can certainly add your own routes. If you don't like these action names, if you have different ID parameters or if you just in general have a different URL structure for your site, then you can add your own route entries.Let’s take a look at a simple example. Consider we have a page that contains the list of processes. Following is the code, which will route to the process page.30When someone comes in and looks for a URL with Process/Action/Id, they will go to the Process Controller. We can make the action a little bit different, the default action, we can make that a List instead of Index.Now a request that arrives looks like localhosts/process. The routing engine will use this routing configuration to pass that along, so it's going to use a default action of List. Following is the complete class implementation.31Step(1): Run this and request for a process page with the following URLhttp://localhost:63664/ProcessYou will see an HTTP 404, because the routing engine is looking for ProcessController, which is not available.Step (2): Create ProcessController by right-clicking on Controllers folder in the solution explorer and select Add -> Controller.32It will display the Add Scaffold dialog.33Step (3): Select the MVC 5 Controller – Empty option and click ‘Add’ button.The Add Controller dialog will appear.Step (4): Set the name to ProcessController and click ‘Add’ button.Now you will see a new C# file ProcessController.cs in the Controllers folder, which is open for editing in Visual Studio as well.34Now our default action is going to be List, so we want to have a List action here instead of Index.Step (5): Change the return type from ActionResult to string and also return some string from this action method using the following code.35End of ebook previewIf you liked what you saw…Buy it from our store @ https://36。

容器（div）_ASP.NET MVC程序设计教程（第3版）_[共2页]

130 度绘制一条长度为100%的水平线，同时，还在水平线的上方和下方留出一定的间隔。

（4）上标和下标（sup标记、sub标记）sup标记将它包含的文字显示为上标，sub标记将它包含的文字显示为下标。

（5）粗体和斜体标记（b、i）在HTML的早期版本中，一般用strong和em来表示粗体和斜体，但是，由于在CSS3中em是一种度量单位，而strong的语义不是太明确，因此在HTML5中，规定用能体现其语义的英文首字母来表示，即：b标记（粗体）表示在不增加额外重要性的同时将词或短语高亮显示，i标记（斜体）大部分用于发言、技术短语等情况。

（6）内联代码（code标记）和代码块（pre标记）在HTML5文档中，还可以通过code标记包裹内联样式的代码片段，例如：<code><section></code>其中“&lt”为小于号“<”的转义表示，“&gt”为大于号“>”的转义表示。

对于多行代码，可以用pre标记来表示，为了能正确显示代码，同样需要将pre标记块内的尖括号做转义处理，例如：<pre><p>Sample text here...</p></pre>【例5-4】演示排版标记的基本用法，运行效果如图5-4所示。

图5-4 例5-4的运行效果该例子的源程序见paiban.cshtml文件，代码如下：<style>p{font-size:16px;}</style><h2>排版标记示例<small>（hr、p、u、b、i、sup、sub）</small></h2><hr style="height:5px; background-color:blue;" /><p>你<b>终于</b>明白<i><u>不吃饭</u></i>和<i><u>不想吃饭</u></i>不是一回事了。

《ASP NET MVC程序设计教程第3版》读书笔记思维导图

9.2 Web API基本设计方法
9.3 基于OData的 Web API服...
习题
10.2 二维图形绘制技术
10.1 SVG和 Canvas入门
10.3 三维图形设计与实现
附录A 上机练习
A.1 上机练习要求
A.2 上机练习题目
附录B 综合设计
B.2 系统基本功能要求
B.1 需求说明
《ASP NET MVC程序设计教程第3版》
最新版读书笔记，下载可以直接修改
思维导图PPT模板
本书关键字分析思维导图
基本概念
架构
方法
开发工具
基础
示例
元素
习题
开发
标准编程
代码
第章
设计
器
功能
项目
技术
客户端
01 内容提要
目录
02 第3版前言
0 3 第 1 篇 A S P. N E T MVC编程基础
与VS2013开发环境
1.2 创建和配 2
置 A S P. N E T MVC...
3 1.3 本章示例
的布局和创建办法
4 1.4 本书各章
示例的运行说明
5
习题
2.1 创建本章示例导航
2.2 路由及其参数传递
2.3 Razor视图引擎
2.4 用于页面全部更新的Html帮助器
2.6 Web前端开发架构（Bootst...
0 4 第 2 篇 A S P. N E T MVC高级编程
05 附录A 上机练习
06 附录B 综合设计
《 MVC程序设计教程（第3版）》内容新，重点介绍移动设备上的Web开发。以目前流行的 HTML5、CSS3和 MVC为主线，选择自带 MVC 5模板的VS2013作为开发工具，系统、全面地介绍 Web应用程序开发的方法。之所以选择VS2013而不是选择VS2012或者更低版本的开发工具，是因为VS2013内置了 MVC 5以及HTML5和CSS3正式标准的实现，而早期版本的开发工具是在Web 正式标准推出前研制的，其内置的HTML5和CSS3验证功能和智能提示功能当然也无法完全符合新的正式标准。特别是VS2013提供的不同Web开发架构的混编技术，可以让开发人员在同一个项目中同时使用WebForms、 MVC、Web API、实时Web以及其他架构或者任选其中的一种或多种架构，这种涉及方方面面的大范围更新和修改是早期版本的开发工具无论如何升级都无法做到的。

弹出框和工具提示框_ASP.NET MVC程序设计教程（第3版）_[共2页]

215（a ）Bootstrap模式对话框的运行效果（b ）jQuery UI 模式对话框的运行效果图7-7 例7-7的运行效果该例子的源程序见dialogModal.cshtml 文件。

使用Bootstrap 提供的模式对话框时，需要注意以下问题。

（1）不要在一个模式对话框上重叠另一个模式对话框。

（2）尽量将模式对话框的HTML 代码放在文档的最高层级内，也就是说，将其作为body 元素的直接子元素，以避免其他组件影响模式对话框的正常显示。

但是，为了方便演示，该例子并没有这样做，而是将其放在栅格系统内来实现的。

7.2.4 弹出框和工具提示框对于图标组件（如仅显示图标的按钮），当鼠标悬停到其上时，或者在服务器处理过程中出现错误时，除了对话框以外，也可以用弹出框或工具提示框来显示相关的信息。

实现弹出框和工具提示功能时，直接用Bootstrap 实现即可。

虽然jQuery UI 也提供了对应的功能，但没有Bootstrap 实现的效果漂亮。

1．弹出框Bootstrap 提供的弹出框用起来非常方便，这种弹出框默认显示在目标元素的右侧，而且还可以通过自定义的data 特性或者以编程方式设置弹出框的位置、标题、内容等信息。

一般在HTML 元素内设置要弹出的信息（title 、data-content 、data-placement ），其他选项则通过poperover 方法的参数指定。

例如：<input id="text1" type="text" title="提示" data-content="请输入18～60之间的数字" data-placement="bottom" />......<script>$("#text1").popover({trigger=" hover "});</script>在HTML 元素的开始标记内设置的弹出框含义如下。

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

MVC3 快速入门第一节概述1.1本教程的学习内容在本教程中，你将学会如下内容：•如何创建一个 MVC的工程。

•如何创建 MVC的控制器（controller）与视图(view)。

•如何使用Entity Framework code-first 范例来创建一个新的数据库。

•如何获取和显示数据。

•如何编辑数据并且进行数据的有效性验证。

1.2创建工程如果要创建一个 MVC3的工程时，首先运行Visual Web Developer 2010 Express,并且在起始页(start page)中选择“新建项目”。

Visual Web Developer是一个集成开发环境，你可以使用它来进行各种应用程序的开发。

在Visual Web Developer的菜单的下面有一个工具条，可以直接点击工具条中的各个工具按钮来进行各种操作，也可以直接点击菜单中的各个菜单项来进行各种操作，此处我们点击“文件”菜单中的“新建项目”菜单项。

图1-1Visual Web Developer 2010 Express中的起始页1.3 创建你的第一个应用程序你可以使用Visual Basic 或Visual C#作为开发语言来创建应用程序。

在本教程中，选择C#来作为开发语言。

图1-2在新建项目对话框中选择 MVC3应用程序并为应用程序命名在接下来打开的“新 MVC 3 项目”对话框中，点击选中“Internet 应用程序”，在“视图引擎”下拉框中保持默认的“Razor”选项不作修改（Razor视图是 MVC3种新增的一种十分重要的视图类型，使用它可以使得Web应用程序的开发变得更加方便快捷，在后文中将对此进行详细介绍）。

图1-3选择项目模板与视图引擎点击确定按钮，Visual Web Developer会为你所创建的 MVC项目提供一个默认模板，这样的话你就拥有了一个可以立刻运行的应用程序。

默认的模板中提供的是一个很简单的显示“欢迎使用 MVC!”文字的应用程序，你可以以此作为你的开发起点。

图1-4Visual Web Developer提供了一个默认的应用程序模板点击“调试”菜单中的“启动调试”菜单项（该菜单项的快捷键为F5），Visual Web Developer将启动一个内置的服务器，并且在该服务器中打开当前Web应用程序的主页，如图1-5所示。

图1-5 MVC3的默认应用程序模板的调试画面请注意该页面在浏览器中的地址为“http://localhost:4423/”。

其中“localhost”代表了本机上你刚刚创建的Web应用程序的临时网站地址，4423代表了Visual Web Developer使用的一个随机端口，每次调试的时候，Visual Web Developer都会使用这个端口来作为内置服务器的端口号。

在各计算机上，该端口号都是不相同的，因为该端口号是Visual Web Developer随机选择的。

在这个模板应用程序的页面的右上角，提供了两个按钮与一个“登录”链接，点击“登录”链接，页面跳转到登录页面，点击“主页”按钮，页面返回到主页，点击“关于”按钮，页面跳转到“关于”页面。

接下来，让我们开始逐步将这个默认的应用程序修改为我们所要的应用程序，在这个过程中逐步了解 MVC 3的有关知识。

首先，让我们关闭浏览器并开始代码的修改工作。

第二节添加一个控制器MVC的全称为model-view-controller(模型-视图-控制器)。

MVC是一种开发应用程序的模式，这个模式已经具有了很好的框架架构，并且十分容易维护。

使用MVC开发出来的应用程序一般包括以下几块内容：●控制器(Controller)：控制器类处理客户端向Web应用程序发出的请求，获取数据，并指定返回给客户端，用来显示处理结果的视图。

●模型（Model）：模型类代表了应用程序的数据，这些数据通常具有一个数据验证逻辑，用来使得这些数据必须符合业务逻辑。

●视图（View）:视图类是Web应用程序中用来生成并显示HTML格式的服务器端对客户端请求的响应结果的模板文件。

在本教程中，将全面介绍这些概念，并且向你展示如何利用它们来搭建一个应用程序。

首先，让我们来创建一个控制器(controller)类。

在解决方案资源管理器中，鼠标右击Controllers文件夹，并且点击添加->控制器，如图2-1所示。

图2-1 添加控制器在弹出的“添加控制器”对话框中,将控制器命名为“HelloWorldController”,然后点击添加按钮，如图2-2所示。

图2-2 命名控制器观察解决方案资源管理器中新增加了一个文件，名字为HelloWorldController.cs，并且该文件呈打开状态，如图2-3所示。

图2-3 控制器代码修改打开的HelloWorldController.cs文件，在HelloWorldController类中，创建如代码清单2-1中所示的两个方法，控制器将返回一个HTML格式的字符串。

代码2-1 控制器中创建方法public class HelloWorldController : Controller{//// GET: /HelloWorld/public string Index(){return "这是我的<b>默认</b>action...";}//// GET: /HelloWorld/Welcome/public string WelCome(){return "这是我的Welcome方法...";}}在这个修改后的HelloWorldController控制器中，第一个方法名为Index。

现在让我们从浏览器中调用该方法。

运行应用程序（按F5键或Ctrl+F5键）,在打开的浏览器中的地址栏后面，添加“HelloWorld”路径（譬如，在我的计算机上，浏览器中地址为http://localhost:4423/HelloWorld），画面显示如图2-4所示。

由于在Index方法中，直接返回了一个HTML格式的字符串，所以在浏览器中将该字符串显示出来。

图2-4 HelloWorldController控制器中Index方法的运行结果在 MVC中，可以根据浏览器中的输入地址来调用不同的控制器或控制七种不同的方法。

MVC的默认的映射逻辑使用如下所示的格式来决定应该调用什么控制器或控制器中的什么方法。

/[Controller]/[ActionName]/[Parameters]URL地址的第一部分决定调用哪个控制器类，所以“/HelloWorld”映射到HelloWorldController控制器类。

第二部分决定调用控制器中的哪个方法。

所以“/HelloWorld/Index”将会调用HelloWorldController控制器类的Index方法。

由于Index方法是控制器类的默认方法（可以另外指定控制器类的默认方法），所以也可只输入“/HelloWorld”来调用该方法。

在浏览器的地址栏中，输入“http://localhost:xxxx/HelloWorld/Welcome”，将会调用HelloWorldController控制器类的Welcome方法，该方法返回“这是我的Welcome方法...”文字，所以浏览器中显示该文字，如图2-5所示。

图2-5 HelloWorldController控制器中Welcome方法的运行结果接下来，让我们修改Welcome方法，以便在URL地址栏中可以传递一些参数给该方法（例如：/HelloWorld/Welcome?name=Scott&numtimes=4)。

修改后的代码如下所示。

注意这里我们使用了C#的可选参数，当URL地址中没有使用numtimes参数时，该参数被默认设定为1。

public string Welcome(string name, int numTimes=1){return HttpUtility.HtmlEncode("Hello " + name + ",NumTimes is:" + numTimes);}运行该应用程序，在浏览器中输入“http://localhost:xxxx/HelloWorld/Welcome?name=Scott&numtimes=4”，运行结果显示如图2-6所示。

浏览器自动将URL地址栏中的参数映射成Welcome方法中的传入参数。

图2-6 在Welcome方法中使用参数到现在为止，我们展示了MVC中的“VC”（视图与控制器）部分的工作机制，控制器返回HTML字符串。

很显然大多数情况下你不想让控制器直接返回HTML字符串，因为那样的话编码起来就太麻烦了。

所以我们需要使用不同的视图模板文件来帮助生成HTML 格式的页面文件，在下一节中让我们来看一下如何在 MVC3中使用视图。

第三节添加一个视图3.1 添加一个视图在本节中我们修改HelloWorldController类，以便使用视图来向客户端展示HTML格式的响应结果。

我们使用 MVC3中新增的Razor视图引擎来创建视图。

Razor视图模板文件的后缀名为.cshtml,它提供了一种简洁的方式来创建HTML输出流。

Razor视图大大减少了在书写视图模板文件时所需要输入的字符，提供了一个最快捷，最简便的编码方式。

这里，我们在HelloWorldController类的Index方法中添加使用一个视图。

在修改前的Index方法中返回一个字符串，我们修改这个方法来使它返回一个视图，代码如下所示。

public ActionResult Index(){return View();}这段代码表示Index方法使用一个视图模板来在浏览器中生成HTML格式的页面文件。

接着，让我们来添加一个Index方法所使用的视图模板。

在Index方法中点击鼠标右键，然后点击“添加视图”，将会弹出一个“添加视图”对话框。

图3-1 添加视图图3-2添加视图对话框在该对话框中，不做任何修改，直接点击添加按钮，观察解决方案资源管理器中，在MvcMovie项目下的Views文件夹下创建了一个HelloWorld文件夹，并且在该文件夹中创建了一个Index.cshtml文件，同时该文件呈打开状态，如图3-3所示。