ASP.NET MVC 4入门教程(3):添加视图

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

您将创建一个视图模板文件，它使用了ASP.NET MVC 3引入的Razor视图引擎。Razor视图模板文件使用。csHTML文件扩展名，并提供了一种优雅的方式来创建用c #语言输出的HTML。使用Razor编写视图模板文件时，所需的字符和键盘笔画数减少到最小，实现了快速流畅的编码工作流程。

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

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

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

在此项目中，可以使用的索引方法添加视图模板。为此，请在索引方法中单击鼠标右键，然后单击“添加视图”。

将出现“添加视图”对话框。保留默认值，然后单击添加按钮：

您可以在解决方案资源管理器中看到MvcMovie\HelloWorld文件夹和创建的MvcMovie \ view \ hello world \ index . cshtml文件：

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

在h2标签后添加以下HTML。

复制代码如下：来自我们的视图模板的：pHello！/p

完整的mvcmovie \ hello world \ index . cshtml文件如下所示。

复制代码如下： @ { ViewBag。标题=“索引”；}我们的视图模板中的h2索引/h2 pHello！/p

注意：如果您使用的是Internet Explorer 9，您将看不到以黄色突出显示的视图模板中的菲尔普斯罗！/p，单击兼容性视图按钮。

，在IE浏览器中，图标将从显示。

变成纯色

图标。或者，您可以在Firefox或Chrome中查看本教程。

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