C# MVC 自学笔记—4 添加视图

==============================翻译==============================

在本节中，你将要修改 HelloWorldController 类，以便使用视图模板文件来干净地封装生成客户端 HTML 响应的过程。

您将创建一个使用介绍与 ASP.NET MVC 3 的Razor 视图引擎的视图模板文件。基于 razor 视图模板有.cshtml文件扩展名，并提供优雅的方式来创建 HTML 输出使用的 C#。Razor 将编写视图模板所需的字符数和击键数降至最低，并使编码工作流快速、流畅。

目前该Index方法返回一条消息，是在控制器类中硬编码的字符串。更改Index方法，以返回一个View对象，如以下代码所示：

public ActionResult Index() 
{ 
    return View(); 
}

上面的Index方法使用一个视图模板来生成 HTML 响应到浏览器。控制器方法 （也称为操作方法），如上述，Index方法通常返回一个（或从一个派生的类），不是基元类型喜欢的字符串。

在项目中，添加一个视图模板，您可以使用与该Index方法。执行此操作，Index方法内单击鼠标右键，并单击添加视图.

出现添加视图对话框。保留缺省值的方式并单击添加按钮：

创建的MvcMovie\Views\HelloWorld文件夹和MvcMovie\Views\HelloWorld\Index.cshtml文件。你可以看到他们在解决方案资源管理器中:

下面显示所创建的 Index.cshtml 文件：

在

标记下添加下面的 HTML 代码。

Hello from our View Template!p>

下面显示了完整的MvcMovie\Views\HelloWorld\Index.cshtml文件。

@{
    ViewBag.Title = "Index";
}

Index</h2>

Hello from our View Template!p>

如果您使用的是 Visual Studio 2012，请在解决方案资源管理器中右键单击Index.cshtml 文件，然后选择在页面检查器中查看.

页检查器教程包含了这一新工具的详细信息。

或者，运行应用程序并浏览到的HelloWorld控制器 （http://localhost:xxxx/HelloWorld)。在您的控制器中的Index方法没做很多工作 ；它只是执行return View() 语句，其中指定该方法应使用一个视图模板文件来呈现到浏览器的响应。因为您不显式指定要使用的视图模板文件的名称，ASP.NET MVC 中默认为\Views\HelloWorld文件夹中使用Index.cshtml视图文件。下面的图像显示的字符串"Hello 从我们的视图模板!"在视图中硬编码。

看上去很不错。但是，请注意浏览器的标题栏显示"索引我 ASP.NET A"和页面顶部的大链接说"您的徽标在这里"。下面的链接"您的徽标在这里"。 注册和日志中的链接，和下面链接到首页，约和联系页面。让我们改变其中一些。

更改视图和布局页面

第一，您想要更改"您的徽标这里."在页面的顶部标题。该文本是常见的每一页。它是实际实现的在项目中，只有一个地方即使它出现在应用程序中的每一页上。转到/Views/Shared文件夹中的解决方案资源管理器并打开_Layout.cshtml文件。此文件被称为布局页面，它是所有其他页使用共享"壳"。

布局模板允许您在一个地方指定站点的 HTML 容器布局，然后将其应用在您的网站中的多个网页之间。找到@RenderBody() 行。RenderBody是在您创建的所有视图特定的页面都出现，在布局页面中的"包装"的占位符。例如，如果您选择关于链接，在RenderBody方法内呈现Views\Home\About.cshtml视图。

更改网站标题标题中的"MVC 电影"到布局模板从"你的 logo 在这里"。

 class="float-left">
     class="site-title">@Html.ActionLink("MVC Movie", "Index", "Home")

标题元素的内容替换为以下标记：

运行该应用程序，并注意它现在说的"MVC 电影"。单击 关于 链接，也可以看到该页面如何显示"MVC 电影"。我们能够一次在布局模板进行更改，在该网站上的所有页面有都反映新的标题。

现在，让我们更改索引视图的标题。

打开MvcMovie\Views\HelloWorld\Index.cshtml。有两个地方可以更改：一个是显示在浏览器标题中的文本，另一个是显示在二级标题中的文本（

元素）。所以你可以看到哪位代码更改应用程序的哪一部分，你要让他们稍有不同。

@{
    ViewBag.Title = "Movie List";
}

My Movie List</h2>

Hello from our View Template!p>

若要指示显示的 HTML 标题，上面的代码设置ViewBag对象 （这是Index.cshtml视图模板中） 的Title属性。如果你回看布局模板的源代码，您会发现该模板使用此值