明白视图
ASP.NET MVC与ASP.NET或许动态服务器页(ASP)差别,它并没有任何直接对应于一个页面的东西。在ASP.NET MVC应用程序中,磁盘上并没有一个页面来对应你在浏览器地点栏中输入的URL门路。在ASP.NET MVC应用程序中,最接近页面的东西是称为视图(View)的东西。
在ASP.NET MVC应用程序中,行将抵达的浏览器要求被映照到了控制器行动。一个控制器行动可以会返回一个视图。然则,一个控制器行动可以实行某种范例的操纵,比方将你重定向到另一个控制器行动。
代码清单1含有一个简朴的控制器,叫做HomeController.HomeController暴露出了两个控制器行动,叫做指数()和细致信息()。
代码清单1 - HomeController.cs 运用体系; 运用 System.Collections.Generic; 运用 System.Linq; 运用 System.Web; 运用 System.Web.Mvc; 定名空间 MvcApp.Controllers{ [HandleError] public class HomeController:Controller { public ActionResult Index() { return View(); } public ActionResult Details() { return RedirectToAction( “Index”); } }}
你可以经由过程在浏览器的地点栏输入下面的URL,挪用第一个行动,指数()行动:
/首页/索引
你可以经由过程在浏览器中输入这个地点,来挪用第二个行动,细节()行动:
/主页/细节
指数()行动返回一个视图。你所建立的大多数行动都将返回一个视图,然则,行动可以返回任何范例的行动效果。比方,细致信息()行动返回了一个RedirectToActionResult,它可以将行将抵达的要求重定向到指数()行动。
指数()行动包括了下面一行代码:
return View();
这行的代码返回了一个视图,该视图在服务器上的门路必需和下面的门路一样:
\检察\首页\的Index.aspx
视图的门路由控制器和控制器行动的称号揣摸得出。
假如你情愿,可以显式地指明视图下面一行代码返回了一个视图,名为“弗雷德”:
返回视图(“Fred”);
当实行这行代码时,将会从下面的门路返回一个视图:
\检察\首页\ Fred.aspx
2.建立一个视图
你可以在解决方案浏览器中的文件夹上点击右键,并挑选菜单项“Add(增加)”,“新建项目”(如图1)。挑选“MVC View Page”模板将规范视图增加到你的项目中。
应当认识到你不能像ASP.NET或许ASP应用程序中那样,随意向项目中增加视图。你必需将视图增加到文件夹中,而且该文件夹的称号与控制器的称号雷同(不含控制器后缀)举个例子,假如你想建立一个新的,叫做索引的视图,该视图可以由名为ProductController的的控制器返回,那末你必需增加这个视图到项目的以下文件夹中:
\检察\产物\ Index.aspx的
含有视图的文件夹的称号必需与返回该视图的控制器的称号相对应。
3.向视图中增加内容
一个视图是一个规范的,可以包括剧本的(X)HTML文档。你运用剧本来向视图中增加动态内容。
举个例子,代码清单2中的视图显现了当前的日期和时候。
代码清单2 - \ Views \ Home \ Index.aspx
<%@ Page Language =“C#”AutoEventWireup =“true”CodeBehind =“Index.aspx.cs”Inherits =“MvcApp.Views.Home.Index”%> <!DOCTYPE html PUBLIC“ - // W3C // DTD XHTML 1.0 Transitional // EN“”http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“> <html xmlns =”http://www.w3.org/1999/xhtml“> <头RUNAT = “服务器”> <TITLE>索引</ TITLE> </ HEAD> <BODY> <DIV> 的当前日期和时候是: <%复兴于(DateTime.Now);%> </ DIV> </ body> </ html>
注重到代码清单2中的HTML页面的身材中含有下面的剧本:
<%Response.Write(DateTime.Now);%>
运用剧本分隔符<%和%>来标记剧本的最先和完毕。这个剧本运用C#编写。它显现了当前的日期和时候,经由过程挪用复兴于()要领将内容显现到了浏览器中剧本。分隔符<%和%>可以用于实行一条或许多条语句。
由于常常会挪用复兴于()要领,微软为你供应了一种挪用复兴于()的简朴门路。代码清单3中的视图运用<%=和%>作为挪用复兴于()要领的简朴门路。
代码清单3 - Views \ Home \ Index2.aspx
<%@ Page Language =“C#”AutoEventWireup =“true”CodeBehind =“Index2.aspx.cs”Inherits =“MvcApp.Views.Home.Index2”%> <!DOCTYPE html PUBLIC“ - // W3C // DTD XHTML 1.0 Transitional // EN“”http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“> <html xmlns =”http://www.w3.org/1999/xhtml“> <头RUNAT = “服务器”> <TITLE>索引2 </ TITLE> </ HEAD> <BODY> <DIV> 的当前日期和时候是: <%= DateTime.Now%> </ DIV> </ BODY> < / HTML>
你可以运用任何的.NET言语在视图中生成动态内容,可以运用Visual Basic.Net或许C#来编写你的控制器和视图。
4.运用HTML Helpers来生成视图内容
为了使向视图中增加内容越发轻易一些,你可以应用叫做HTML Helper的东西.HTML Helper是一个生成字符串的要领。你可以运用HTML协助者来生成规范的HTML元素,比方文本框,链接,下拉框和列表框。
举个例子,代码清单4中的视图应用了两个HTML Helpers,TextBox()和Password(),用于生成一个登录窗体(见图2)。
代码清单4 - \ Views \ Home \ Index3.aspx
<%@ Page Language =“C#”AutoEventWireup =“true”CodeBehind =“Index3.aspx.cs”Inherits =“MvcApp.Views.Home.Index3”%> <!DOCTYPE html PUBLIC“ - // W3C // DTD XHTML 1.0 Transitional // EN“”http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“> <html xmlns =”http://www.w3.org/1999/xhtml“> <head runat =“server”> <title>登录表单</ title> </ head> <body> <p> <form method =“post”action =“/ Home / Login”> <label for =“userName” >用户名:</ label> <br /> <%= Html.TextBox(“userName”)%> <br /> <br /> <label for =“password”>暗码:</ label> <br /> <%= Html.Password(“password” %> <br /> <br /> <input type =“submit”value =“登录”/> </ form> </ p> </ body> </ html><br /> <%= Html.Password( “暗码”)%> <br /> <br /> <INPUT TYPE = “提交”值= “登录”/> </ FORM> </ DIV> </ body> </ html><br /> <%= Html.Password( “暗码”)%> <br /> <br /> <INPUT TYPE = “提交”值= “登录”/> </ FORM> </ DIV> </ body> </ html>
一切的HTML协助者要领都在视图的Html属性上调。举个例子,你可以经由过程挪用Html.TextBox()要领来显现(render)一个文本框。
注重,当你在挪用HTML Helper时,必需运用剧本分隔符<%=和%>。HTML Helper只是返回一个字符串你须要挪用Response.Write()来将字符串显现到浏览器中。
运用HTML协助要领是可选的。它们经由过程削减你编写的HTML和剧本数目来使开辟更加简朴。代码清单5中的视图显现了与代码清单4中完全雷同的窗体,然则没有运用HTML助手。
代码清单5 - \ Views \ Home \ Index4.aspx
<%@ Page Language =“C#”AutoEventWireup =“true”CodeBehind =“Index4.aspx.cs”Inherits =“MvcApp.Views.Home.Index4”%> <!DOCTYPE html PUBLIC“ - // W3C // DTD XHTML 1.0 Transitional // EN“”http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“> <html xmlns =”http://www.w3.org/1999/xhtml“> <head runat =“server”> <title>没有协助的登录表单</ title> </ head> <body> <p> <form method =“post”action =“/ Home / Login”> <label for = userName“>用户名:</ label> <br /> <输入称号= “userName的”/> <br /> <br /> </标签>:暗码<用于= “暗码”的标签> <br /> <输入称号= “暗码”范例= “暗码”/> < br /> <br /> <input type =“submit”value =“登录”/> </ form> </ p> </ body> </ html></标签> <br /> <输入称号= “暗码”范例= “暗码”/> <br /> <br /> <INPUT TYPE = “提交”值= “登录”/> </ FORM> < / p> </ body> </ html></标签> <br /> <输入称号= “暗码”范例= “暗码”/> <br /> <br /> <INPUT TYPE = “提交”值= “登录”/> </ FORM> < / p> </ body> </ html>/ body> </ html>/ body> </ html>
你可以建立本身的HTML协助者。据个例子,你可以建立一个GridView()Helper要领,它自动地在一个HTML表格中显现一系列的数据库纪录。我们将在建立自定义HTML协助者这篇教程中议论这一话题。
5.运用ViewData属性将数据通报给视图
你可以运用视图的另一个属性,ViewData的属性,将数据从控制器通报给视图。比方,代码清单6中的控制器向ViewData的增加了一条音讯。
代码清单6 - ProductController.cs
运用体系; 运用System.Collections.Generic; 运用System.Linq; 运用System.Web; 运用System.Web.Mvc; namespace MvcApp.Controllers { public class ProductController:Controller { public ActionResult Details() { ViewData [“message”] =“Hello World!”; return View(); } } }
控制器的ViewData属性代表着一个称号/值对的鸠合。在代码清单6中,细致()要领向ViewData鸠合中增加了一个名为音讯的项,其值为“Hello World!”当视图由概况()要领返回时,ViewData的将会自动通报给视图。
代码清单7中的视图从ViewData的中获取了音讯,而且将音讯显现到了浏览器中。
代码清单7 - \ Views \ Product \ Details.aspx
<%@ Page Language =“C#”AutoEventWireup =“true”CodeBehind =“Details.aspx.cs”Inherits =“MvcApp.Views.Product.Details”%> <!DOCTYPE html PUBLIC“ - // W3C // DTD XHTML 1.0 Transitional // EN“”http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“> <html xmlns =”http://www.w3.org/1999/xhtml“> <头RUNAT = “服务器”> <TITLE>产物细致信息</ TITLE> </ HEAD> <BODY> <DIV> <%=了Html.Encode(计算机[ “音讯”])%> </ DIV> </ BODY > </ html>
注重到当前显现音讯时,视图应用了Html.Encode()Helper要领.Html.Encode()HTML Helper要领将比方“<”和“>”如许的特别字符编码为在网页面中可以平安显现的字符。不管什么时候显现用户提交到网站的内容时,你都应当对内容举行编码,以防止的JavaScript注入进击。
(由于我们本身在ProductController的中建立了音讯,所以并非真的须要对音讯举行编码。然则,当在视图中显现获取自的ViewData中的内容时,老是挪用了Html.Encode()是一个很好的习气。)
在代码清单7中,我们应用了的ViewData来将一个简朴的字符串音讯从控制器通报到了视图。你也可以运用的ViewData将其他范例的数据从控制器通报到视图,比方一个数据库纪录鸠合。举个例子,假如你想要在视图中显现产物数据库表的内容,那末你可以将数据库纪录的鸠合保存在ViewData的中举行通报。
你也可以从控制器向视图通报强范例检察数据。我们将在教程“明白强范例检察数据和视图”中议论这个话题。
总结
这篇教程供应了对ASP.NET MVC视图,视图数据(检察数据)和HTML协助者的一个简短的引见。在第一部份,你进修了怎样向项目中增加新的视图你进修了必需将视图增加到准确的文件夹中,以使其可以被特定的控制器挪用。接下来,我们议论了HTML协助者这一主题。你进修了HTML协助者是怎样轻松地生成规范的HTML内容的末了,你进修了怎样应用ViewData将数据从控制器通报给视图。
【相干引荐】
1. 什么是ASP.NET MVC ?总结ASP.NET MVC
2. 细致引见ASP.NET MVC--控制器(controller)
3. 深切相识ASP.NET MVC与WebForm的区分
4. 细致引见ASP.NET MVC--路由
5. 经由过程asp.net mvc开辟微信自定义菜单编辑东西的代码示例
以上就是细致引见ASP.NET MVC--视图的细致内容,更多请关注ki4网别的相干文章!