在本節中,您須要修改HelloWorldController類,從而使用視圖模板文件,乾淨優雅的封裝生成返回到客戶端瀏覽器HTML的過程。html
您將建立一個視圖模板文件,其中使用了ASP.NET MVC 3所引入的Razor視圖引擎。Razor視圖模板文件使用.cshtml文件擴展名,並提供了一個優雅的方式來使用C#語言建立所要輸出的HTML。用Razor編寫一個視圖模板文件時,將所需的字符和鍵盤敲擊數量降到了最低,並實現了快速,流暢的編碼工做流程。web
當前在控制器類中的Index方法返回了一個硬編碼的字符串。更改Index方法返回一個View對象,以下面的示例代碼:windows
?瀏覽器
上面的Index方法使用一個視圖模板來生成一個HTML返回給瀏覽器。控制器的方法(也被稱爲action method(操做方法) ),如上面的Index方法,通常返回一個ActionResult(或從ActionResult所繼承的類型),而不是原始的類型,如字符串。mvc
在該項目中,您能夠使用的Index方法來添加一個視圖模板。要作到這一點,在Index方法中單擊鼠標右鍵,而後單擊「 添加視圖「。app
出現添加視圖對話框。保留缺省值,並單擊添加按鈕:asp.net
您能夠在解決方案資源管理器中看到MvcMovie\HelloWorld文件夾和已被建立的MvcMovie\View\HelloWorld\Index.cshtml文件:工具
下圖顯示了已被建立的Index.cshtml文件:開發工具
在<h2>標籤後面添加如下HTML。編碼
Hello from our View Template!
完整的MvcMovie\HelloWorld\Index.cshtml文件以下所示。
@{
ViewBag.Title = "Index";
}
<h2>Index</h2>
Hello from our View Template!
注:若是您使用的是Internet Explorer 9,您將看不到在上面用黃色高亮標記的
Hello from our View Template!
,單擊「兼容性視圖」按鈕, 在IE瀏覽器中,圖標會從
變爲純色的
圖標。另外,您也能夠在Firefox或Chrome查看本教程。
若是您正在使用Visual Studio 2012,在解決方案資源管理器中,右鍵單擊Index.cshtml文件,並選擇「 在頁面檢查器中查看「。
視圖是數據的展現方式,掌握這部分知識才能更好的用於MVC的開發。同時,還能夠藉助一些開發工具來幫助開發過程。ComponentOne Studio ASP.NET MVC 這款輕量級控件能與Visual Studio無縫集成,徹底與MVC6和ASP.NET 5.0兼容,將大幅提升開發效率。
--------------------------------------------------------
譯者注:
本系列共9篇文章,翻譯自Asp.Net MVC4 官方教程,因爲本系列文章言簡意賅,篇幅適中,從一個示例開始講解,全文最終完成了一個管理影片的小系統,很是適合新手入門Asp.Net MVC4,並由此開始開發工做。9篇文章爲:
10.第三方控件Studio for ASP.NET Wijmo MVC4 工具應用