ASP.NET MVC4入门教程（三）：添加一个视图

本文将向您介绍如何在MVC4中为控制器添加相应的视图，以便更轻松地自定义视图内容。

在本节中，我们将修改HelloWorldController类，以使用视图模板文件。这些文件能够干净、优雅地封装生成返回给客户端浏览器的HTML过程。我们将创建一个使用ASP.NET MVC 3所引入的Razor视图模板文件。这些文件使用.cshtml文件扩展名，提供了一种优雅的方式，使用C＃语言创建所需的HTML输出。

当前的Index方法返回一个硬编码的字符串。为了更好地展示MVC的架构和视图的使用方式，我们将更改Index方法以返回一个View对象。让我们参考一个示例代码，就像狼蚁网站SEO优化那样：

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

这个Index方法通过使用一个视图模板来生成HTML，并将其返回给浏览器。控制器中的方法（也称为actions），像上面的Index方法一样，通常返回一个View（或其派生类型），而不是原始的字符串类型。

要添加视图模板到项目中，您可以按照以下步骤操作：在Index方法上单击鼠标右键，然后选择“添加视图”。随后会出现一个添加视图对话框，保留默认设置并点击添加按钮。

您可以在解决方案资源管理器中看到MvcMovie\HelloWorld文件夹以及新创建的MvcMovie\View\HelloWorld\Index.cshtml文件。这个新文件就是我们用来定义视图的地方。

接下来，我们在Index.cshtml文件的

标签后面添加一些HTML代码。例如：

Hello from our View Template!

这样我们就完成了视图的自定义内容添加。

完整的MvcMovie\HelloWorld\Index.cshtml文件内容如下：

@{

ViewBag.Title = "Index";

}

Index

如果您使用的是Internet Explorer 9，可能无法看到我们刚刚添加的

Hello from our View Template!

如果您使用的是Visual Studio 2012，可以在解决方案资源管理器中右键单击Index.cshtml文件，并选择“在页面检查器中查看”，以更直观地查看和编辑您的视图文件。通过这种方式，您可以更轻松地理解并应用MVC4中的视图概念，为您的Web应用程序带来更丰富的用户体验。