Asp.net MVC3.0 入門指南 3.2視圖 View

http://www.inspirr.com

---

改變視圖和布局頁

首先，您希望改變頁面上最上邊的標題“My MVC Application”。這些文字對每個頁面來說是相同的。事實上，它在項目只被實現了一次，盡管它出現在每個頁面上。

在解決方案資源管理器中定位到/Views/Shared下的_Layout.cshtml文件。這個文件被稱作為布局頁，它被共享為所有頁面的“外殼”。

//譯者注：類似webform中的masterpage。

布局模板允許您指明網站的HTML容器并應用到網址所有的頁面中。

注意文件底部的@RenderBody行。RenderBody是一個所有視圖頁的占位符，包裹在布局頁中。把布局頁中的標題"My MVC Application"改為"MVC Movie App".

MVC Movie App

運行程序，注意它現在顯示的是“MVC Movie App”。單擊About鏈接，您可以看到頁面仍然顯示“MVC Movie App”。我們在布局頁中改變一次之后在所有頁面中都輸出了新的標題。

模板頁完整的代碼如下：

MVC Movie App @Html.Partial @Html.ActionLink @Html.ActionLink @RenderBody

現在，讓我們改變視圖Index頁的標題。打開文件MvcMovie\Views\HelloWorld\Index.cshtml.有兩個地方需要修改：首先，修改瀏覽器標題欄出現的文字，然后再修改標簽

元素。您將對代碼稍作調整,可以看到程序中的部分代碼發生了小的改變。

@{ ViewBag.Title = "Movie List"; } My Movie List Hello from our View Template!

為了指明HTML的顯示標題，上邊的代碼設置了視圖模板Index.cshtml ViewBag的Title屬性。如果您回頭看看布局模板的源代碼，您將發現模板使用《title》元素作為《head》節的一部分。使用這種方法，您可以很容易的在視圖模板和布局文件間來傳遞其他參數。

運行程序并瀏覽http://localhost:xx/HelloWorld.注意到瀏覽器的 標題，主要的標題，次要的標題已經發生了 變化。

還注意到視圖模板Index.cshtml 的內容被合并到布局文件，一個HTML響應被發送到瀏覽器。布局模板確保非常容易應用所有的變化到所有的頁面中。

雖說，我們的一點點“數據”是硬編碼的。MVC應用程序已經有視圖“V”和控制器“C”了，但是仍然還沒有模型“M”。我們馬上學習如何從模型創建數據和獲取數據。

從控制器Controller傳遞數據給視圖View雖然以前我們訪問數據庫、討論模型，但是這次我們討論從控制器傳遞數據給視圖。

您寫的一個控制器類是處理傳入參數、從數據庫獲取數據、最終決定以什么類型的響應返回給客戶端瀏覽器的一些代碼。視圖模板能夠被控制器用作生成和格式化HTML響應給瀏覽器。

控制器負責提供各種形式的數據和對象，為了在視圖模板呈送響應給瀏覽器。

視圖模板或許從來都不展現業務邏輯或和數據庫直接交互。反而僅僅對控制器提供給它的數據工作。保持這種關注點分離可以讓您的代碼整潔并且更容易維護。

目前，控制器HelloWorldController類的Welcome方法傳遞了參數name、numTimes，并且在瀏覽器中直接輸出了他們的值。與其讓控制器呈送一個字符串響應，還不如讓我們改變一下控制器來使用視圖模板取代。視圖模板

生成動態的響應，這意味著您需要從控制器傳遞適當的數據給視圖模板以便生成響應。您可以在控制器放入動態數據來實現這個功能，視圖模板需要它可以訪問的ViewBag對象。

回到HelloWorldController.cs文件改變它的Welcome，給ViewBag對象增加Message和NumTimes值。ViewBag 是動態對象，這意味著您可以放入任何您想放入的對象。ViewBag 對象沒有事先定義好屬性，直到您在它里邊放入一些對象。HelloWorldController.cs文件完整的代碼如下所示：

using System.Web; using System.Web.Mvc; namespace MvcMovie.Controllers { public class HelloWorldController : Controller { public ActionResult Index { return View; } public ActionResult Welcome { ViewBag.Message = "Hello " + name; ViewBag.NumTimes = numTimes; return View; } } }

現在ViewBag 對象包含了將要傳遞給視圖的數據。

下一步，我們需要一個Welcome視圖模板！選擇“調試”菜單，選擇生成MvcMovie確保項目被編譯。

右鍵Welcome方法，單擊添加視圖。添加視圖的界面看起來是這樣的：

單擊添加。然后在文件Welcome.cshtml 的

元素中添加如下代碼。您將創建一個循環用來輸出“Hello”，次數由用戶說了算。完整的代碼如下：

@{ ViewBag.Title = "Welcome"; } Welcome @for { @ViewBag.Message }

運行應用程序瀏覽如下的URL：http://localhost:xx/HelloWorld/Welcome?name=Scott&numtimes=4

現在數據通過URL自動地傳遞給控制器。控制器打包數據到ViewBag對象，并傳遞ViewBag對象給視圖。視圖以HTML的實行顯示數據給用戶。

原文網址：http://www.asp.net/mvc/tutorials/getting-started-with-mvc3-part3-cs

Tag: 設計公司 | 網頁設計公司 | 廣告公司 | 網站設計 | 平面設計 | 互動媒體 | 網頁設計 | Web design | Website design | design house | 媒體公司 | Iphone app | 程式設計 | Flash 網頁 | Flash game | 動畫設計 | 後期製作 | 網上商店 | 網上宣傳 | 網頁服務 |