溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
這篇文章給大家分享的是有關(guān)ASP.NET MVC--視圖的示例分析的內(nèi)容。小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過(guò)來(lái)看看吧。
理解視圖
ASP.NET MVC與ASP.NET或者動(dòng)態(tài)服務(wù)器頁(yè)（ASP）不同，它并沒(méi)有任何直接對(duì)應(yīng)于一個(gè)頁(yè)面的東西。在ASP.NET MVC應(yīng)用程序中，磁盤上并沒(méi)有一個(gè)頁(yè)面來(lái)對(duì)應(yīng)你在瀏覽器地址欄中輸入的URL路徑。在ASP.NET MVC應(yīng)用程序中，最接近頁(yè)面的東西是稱為視圖（View）的東西。
在ASP.NET MVC應(yīng)用程序中，即將到達(dá)的瀏覽器請(qǐng)求被映射到了控制器動(dòng)作。一個(gè)控制器動(dòng)作可能會(huì)返回一個(gè)視圖。然而，一個(gè)控制器動(dòng)作可能執(zhí)行某種類型的操作，例如將你重定向到另一個(gè)控制器動(dòng)作。
代碼清單1含有一個(gè)簡(jiǎn)單的控制器，叫做HomeController.HomeController暴露出了兩個(gè)控制器動(dòng)作，叫做指數(shù)（）和詳細(xì)信息（）。
代碼清單1 - HomeController.cs
使用系統(tǒng); 使用 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”）; } }}你可以通過(guò)在瀏覽器的地址欄輸入下面的URL，調(diào)用第一個(gè)動(dòng)作，指數(shù)（）動(dòng)作：
/首頁(yè)/索引
你可以通過(guò)在瀏覽器中輸入這個(gè)地址，來(lái)調(diào)用第二個(gè)動(dòng)作，細(xì)節(jié)（）動(dòng)作：
/主頁(yè)/細(xì)節(jié)
指數(shù)（）動(dòng)作返回一個(gè)視圖。你所創(chuàng)建的大多數(shù)動(dòng)作都將返回一個(gè)視圖，然而，動(dòng)作可以返回任何類型的動(dòng)作結(jié)果。例如，詳細(xì)信息（）動(dòng)作返回了一個(gè)RedirectToActionResult，它可以將即將到達(dá)的請(qǐng)求重定向到指數(shù)（）動(dòng)作。
指數(shù)（）動(dòng)作包含了下面一行代碼：
return View（）;
這行的代碼返回了一個(gè)視圖，該視圖在服務(wù)器上的路徑必須和下面的路徑一樣：
\查看\首頁(yè)\的Index.aspx
視圖的路徑由控制器和控制器動(dòng)作的名稱推斷得出。
如果你愿意，可以顯式地指明視圖下面一行代碼返回了一個(gè)視圖，名為“弗雷德”：
返回視圖（“Fred”）;
當(dāng)執(zhí)行這行代碼時(shí)，將會(huì)從下面的路徑返回一個(gè)視圖：
\查看\首頁(yè)\ Fred.aspx
2.創(chuàng)建一個(gè)視圖
你可以在解決方案瀏覽器中的文件夾上點(diǎn)擊右鍵，并選擇菜單項(xiàng)“Add（添加）”，“新建項(xiàng)目”（如圖1）。選擇“MVC View Page”模板將標(biāo)準(zhǔn)視圖添加到你的項(xiàng)目中。
應(yīng)該意識(shí)到你不能像ASP.NET或者ASP應(yīng)用程序中那樣，隨意向項(xiàng)目中添加視圖。你必須將視圖添加到文件夾中，并且該文件夾的名稱與控制器的名稱相同（不含控制器后綴）舉個(gè)例子，如果你想創(chuàng)建一個(gè)新的，叫做索引的視圖，該視圖可以由名為ProductController的的控制器返回，那么你必須添加這個(gè)視圖到項(xiàng)目的如下文件夾中：
\查看\產(chǎn)品\ Index.aspx的
含有視圖的文件夾的名稱必須與返回該視圖的控制器的名稱相對(duì)應(yīng)。
3.向視圖中添加內(nèi)容
一個(gè)視圖是一個(gè)標(biāo)準(zhǔn)的，可以包含腳本的（X）HTML文檔。你使用腳本來(lái)向視圖中添加動(dòng)態(tài)內(nèi)容。
舉個(gè)例子，代碼清單2中的視圖顯示了當(dāng)前的日期和時(shí)間。
代碼清單2 - \ Views \ Home \ Index.aspx
<％@ Page Language =“C?！盇utoEventWireup =“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 = “服務(wù)器”> <TITLE>索引</ TITLE> </ HEAD> <BODY> <DIV> 的當(dāng)前日期和時(shí)間是： <％回復(fù)于（DateTime.Now）;％> </ DIV> </ body> </ html>
注意到代碼清單2中的HTML頁(yè)面的身體中含有下面的腳本：
<％Response.Write（DateTime.Now）;％>
使用腳本分隔符<％和％>來(lái)標(biāo)記腳本的開(kāi)始和結(jié)束。這個(gè)腳本使用C＃編寫。它顯示了當(dāng)前的日期和時(shí)間，通過(guò)調(diào)用回復(fù)于（）方法將內(nèi)容呈現(xiàn)到了瀏覽器中腳本。分隔符<％和％>可以用于執(zhí)行一條或者多條語(yǔ)句。
因?yàn)榻?jīng)常會(huì)調(diào)用回復(fù)于（）方法，微軟為你提供了一種調(diào)用回復(fù)于（）的簡(jiǎn)單途徑。代碼清單3中的視圖使用<％=和％>作為調(diào)用回復(fù)于（）方法的簡(jiǎn)單途徑。
代碼清單3 - Views \ Home \ Index2.aspx
<％@ Page Language =“C?！盇utoEventWireup =“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 = “服務(wù)器”> <TITLE>索引2 </ TITLE> </ HEAD> <BODY> <DIV> 的當(dāng)前日期和時(shí)間是： <％= DateTime.Now％> </ DIV> </ BODY> < / HTML>
你可以使用任何的.NET語(yǔ)言在視圖中生成動(dòng)態(tài)內(nèi)容，可以使用Visual Basic.Net或者C＃來(lái)編寫你的控制器和視圖。
4.使用HTML Helpers來(lái)生成視圖內(nèi)容
為了使向視圖中添加內(nèi)容更加容易一些，你可以利用叫做HTML Helper的東西.HTML Helper是一個(gè)生成字符串的方法。你可以使用HTML幫助者來(lái)生成標(biāo)準(zhǔn)的HTML元素，例如文本框，鏈接，下拉框和列表框。
舉個(gè)例子，代碼清單4中的視圖利用了兩個(gè)HTML Helpers，TextBox（）和Password（），用于生成一個(gè)登錄窗體（見(jiàn)圖2）。
代碼清單4 - \ Views \ Home \ Index3.aspx
<％@ Page Language =“C?！盇utoEventWireup =“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屬性上調(diào)。舉個(gè)例子，你可以通過(guò)調(diào)用Html.TextBox（）方法來(lái)呈現(xiàn)（render）一個(gè)文本框。
注意，當(dāng)你在調(diào)用HTML Helper時(shí)，必須使用腳本分隔符<％=和％>。HTML Helper只是返回一個(gè)字符串你需要調(diào)用Response.Write（）來(lái)將字符串呈現(xiàn)到瀏覽器中。
使用HTML幫助方法是可選的。它們通過(guò)減少你編寫的HTML和腳本數(shù)量來(lái)使開(kāi)發(fā)更為簡(jiǎn)單。代碼清單5中的視圖呈現(xiàn)了與代碼清單4中完全相同的窗體，但是沒(méi)有使用HTML助手。
代碼清單5 - \ Views \ Home \ Index4.aspx
<％@ Page Language =“C?！盇utoEventWireup =“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>沒(méi)有幫助的登錄表單</ title> </ head> <body> <p> <form method =“post”action =“/ Home / Login”> <label for = userName“>用戶名：</ label> <br /> <輸入名稱= “userName的”/> <br /> <br /> </標(biāo)簽>：密碼<用于= “密碼”的標(biāo)簽> <br /> <輸入名稱= “密碼”類型= “密碼”/> < br /> <br /> <input type =“submit”value =“登錄”/> </ form> </ p> </ body> </ html></標(biāo)簽> <br /> <輸入名稱= “密碼”類型= “密碼”/> <br /> <br /> <INPUT TYPE = “提交”值= “登錄”/> </ FORM> < / p> </ body> </ html></標(biāo)簽> <br /> <輸入名稱= “密碼”類型= “密碼”/> <br /> <br /> <INPUT TYPE = “提交”值= “登錄”/> </ FORM> < / p> </ body> </ html>/ body> </ html>/ body> </ html>
你可以創(chuàng)建自己的HTML幫助者。據(jù)個(gè)例子，你可以創(chuàng)建一個(gè)GridView（）Helper方法，它自動(dòng)地在一個(gè)HTML表格中顯示一系列的數(shù)據(jù)庫(kù)記錄。我們將在創(chuàng)建自定義HTML幫助者這篇教程中探討這一話題。
5.使用ViewData屬性將數(shù)據(jù)傳遞給視圖
你可以使用視圖的另一個(gè)屬性，ViewData的屬性，將數(shù)據(jù)從控制器傳遞給視圖。例如，代碼清單6中的控制器向ViewData的添加了一條消息。
代碼清單6 - ProductController.cs
使用系統(tǒng);
使用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屬性代表著一個(gè)名稱/值對(duì)的集合。在代碼清單6中，詳細(xì)（）方法向ViewData集合中添加了一個(gè)名為消息的項(xiàng)，其值為“Hello World！”當(dāng)視圖由詳情（）方法返回時(shí)，ViewData的將會(huì)自動(dòng)傳遞給視圖。
代碼清單7中的視圖從ViewData的中獲取了消息，并且將消息呈現(xiàn)到了瀏覽器中。
代碼清單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 = “服務(wù)器”> <TITLE>產(chǎn)品詳細(xì)信息</ TITLE> </ HEAD> <BODY> <DIV> <％=了Html.Encode（計(jì)算機(jī)[ “消息”]）％> </ DIV> </ BODY > </ html>
注意到當(dāng)前呈現(xiàn)消息時(shí)，視圖利用了Html.Encode（）Helper方法.Html.Encode（）HTML Helper方法將例如“<”和“>”這樣的特殊字符編碼為在網(wǎng)頁(yè)面中能夠安全顯示的字符。無(wú)論何時(shí)呈現(xiàn)用戶提交到網(wǎng)站的內(nèi)容時(shí)，你都應(yīng)該對(duì)內(nèi)容進(jìn)行編碼，以避免的JavaScript注入攻擊。
（因?yàn)槲覀冏约涸赑roductController的中創(chuàng)建了消息，所以并不是真的需要對(duì)消息進(jìn)行編碼。然而，當(dāng)在視圖中顯示獲取自的ViewData中的內(nèi)容時(shí)，總是調(diào)用了Html.Encode（）是一個(gè)很好的習(xí)慣。）
在代碼清單7中，我們利用了的ViewData來(lái)將一個(gè)簡(jiǎn)單的字符串消息從控制器傳遞到了視圖。你也可以使用的ViewData將其他類型的數(shù)據(jù)從控制器傳遞到視圖，例如一個(gè)數(shù)據(jù)庫(kù)記錄集合。舉個(gè)例子，如果你想要在視圖中顯示產(chǎn)品數(shù)據(jù)庫(kù)表的內(nèi)容，那么你可以將數(shù)據(jù)庫(kù)記錄的集合保存在ViewData的中進(jìn)行傳遞。
你也可以從控制器向視圖傳遞強(qiáng)類型查看數(shù)據(jù)。我們將在教程“理解強(qiáng)類型查看數(shù)據(jù)和視圖”中探討這個(gè)話題。
總結(jié)
這篇教程提供了對(duì)ASP.NET MVC視圖，視圖數(shù)據(jù)（查看數(shù)據(jù)）和HTML幫助者的一個(gè)簡(jiǎn)短的介紹。在第一部分，你學(xué)習(xí)了如何向項(xiàng)目中添加新的視圖你學(xué)習(xí)了必須將視圖添加到正確的文件夾中，以使其能夠被特定的控制器調(diào)用。接下來(lái)，我們討論了HTML幫助者這一主題。你學(xué)習(xí)了HTML幫助者是如何輕松地生成標(biāo)準(zhǔn)的HTML內(nèi)容的最后，你學(xué)習(xí)了如何利用ViewData將數(shù)據(jù)從控制器傳遞給視圖。
感謝各位的閱讀！關(guān)于“ASP.NET MVC--視圖的示例分析”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號(hào)
手機(jī)網(wǎng)站二維碼