Asp.Net MVC4.0 官方教程 入门指南之三--添加一个视图

在本节中，您需要修改HelloWorldController类，从而使用视图模板文件，干净优雅的封装生成返回到客户端浏览器HTML的过程。

您将创建一个视图模板文件，其中使用了ASP.NET MVC 3所引入的Razor视图引擎。Razor视图模板文件使用.cshtml文件扩展名，并提供了一个优雅的方式来使用C＃语言创建所要输出的HTML。用Razor编写一个视图模板文件时，将所需的字符和键盘敲击数量降到了最低，并实现了快速，流畅的编码工作流程。

当前在控制器类中的Index方法返回了一个硬编码的字符串。更改Index方法返回一个View对象，如下面的示例代码：

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

上面的Index方法使用一个视图模板来生成一个HTML返回给浏览器。控制器的方法（也被称为action method(操作方法) ），如上面的Index方法，一般返回一个ActionResult（或从ActionResult所继承的类型），而不是原始的类型，如字符串。

在该项目中，您可以使用的Index方法来添加一个视图模板。要做到这一点，在Index方法中单击鼠标右键，然后单击“ 添加视图“。

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

您可以在解决方案资源管理器中看到MvcMovie\Views\HelloWorld 文件夹和已被创建的MvcMovie\View\HelloWorld\Index.cshtml文件：

下图显示了已被创建的Index.cshtml文件：

@{
    ViewBag.Title = "Index";
}

Index

在

标签后面添加以下HTML:

从我们的视图模板里返回!

完整的MvcMovie\HelloWorld\Index.cshtml文件如下所示。

@{     ViewBag.Title = "Index";   }  

Index

  

从我们的视图模板里返回!

运行程序，访问HellWorld控制器http://localhost:5279/HelloWorld/。控制器里的Index方法并没有做很多工作，仅仅是执行 return View()语句，指定使用模板文件来响应浏览器请求。因为你没有指定使用的模板文件名称，ASP.NET MVC默认使用\Views\HelloWorld目录下的Index.cshtml视图文件。

看上去很不错。然而，注意浏览器标题栏“Index- 我的 ASP.NET MVC 应用程序”，以及页面顶部一个大号的链接“将你的徽标放置在此处”。链接下方是注册和登录链接，再往下是主页、关于和联系方式的页面链接。让我们来修改这些。

修改视图页和布局页

首先，你想修改页面顶部的标题“将你的徽标放置在此处”。该文本在每个页面中通用。虽然出现在应用的每一个页面，实际上在项目中只定义了一次，。在解决方案资源管理器中定位到/Views/Shared目录下，打开 _Layout.cshtml文件。该文件称为布局页，共享为外壳，被所有其他页面使用。

布局模板使你指定特定的HTML容器来布局整个站点，在一处定义，在站点多个页面应用。找到@RenderBody()行。RenderBody是一个你创建的视图页面中的占位符，在布局页面中断行。例如，如果你选择“关于”链接，\Home\About.cshtml 视图在RenderBody方法中呈现。

在布局模板中修改站点标题行，由“将你的徽标放置在此处”改为“MVC 电影”。

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

使用以下标记替换标题内容：

运行程序，并注意现在显示是“MVC 电影”。点击“关于”链接，你会发现该页面同样显示“MVC 电影”。我们在布局模板中改变一次，站点中所有页面都会变更为新的标题。

 
现在，让我们来修改Index视图的标题。

打开MvcMovie\Views\HelloWorld\Index.cshtml文件。里面有两处地方需要修改：首先，在浏览器标题栏显示的文本，其次是在二级标题（

元素）处。你可以将两处修改稍微不同，以便能区分出哪个地方分别对应应用程序的哪个部分。

@{
    ViewBag.Title = "首页";
}

我的首页

代码通过设置ViewBag的Title属性来指明HTML标题的显示内容。如果你查看布局模板的源码，你会注意到模板在