在本节中,您需要修改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\HelloWorld文件夹和已被创建的MvcMovie\View\HelloWorld\Index.cshtml文件:

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

在<h2>标签后面添加以下HTML。

<p>Hello from our View Template!</p>

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

@{ 
    ViewBag.Title = "Index"; 

<h2>Index</h2> 
<p>Hello from our View Template!</p>

注:如果您使用的是Internet Explorer 9,您将看不到在上面用黄色高亮标记的<p>Hello from our View Template!</p>,单击“兼容性视图”按钮, 在IE浏览器中,图标会从变为纯色的图标。另外,您也可以在Firefox或Chrome查看本教程。

如果您正在使用Visual Studio 2012,在解决方案资源管理器中,右键单击Index.cshtml文件,并选择“ 在页面检查器中查看“。

最新文章

  1. InetAddress类
  2. AFNetworking之于https认证
  3. extjs6环境
  4. 使用Robomongo 连接MongoDB 3.x 报 Authorization failed 解决办法(转)
  5. [BZOJ 2957]楼房重建(THU2013集训)(分块思想)
  6. 简单json语句转化为map保存
  7. 【LeetCode OJ】Minimum Depth of Binary Tree
  8. 35. Binary Tree Level Order Traversal &amp;&amp; Binary Tree Level Order Traversal II
  9. Effective Java 61 Throw exceptions appropriate to the abstraction
  10. Informix 中执行多条SQL(Execute Script)
  11. LightOJ 1282 Leading and Trailing (快数幂 + 数学)
  12. ColorDialog组件设置字体颜色
  13. ios简单更改系统TabBar的高度
  14. 锁 和 CopyOnWrite的实现
  15. Scanner 随机数
  16. 鱼眼投影方式(Fisheye projection)的软件实现
  17. 深度学习课程笔记(十六)Recursive Neural Network
  18. 【转载】VS配置路径和宏
  19. 两个div如何并列 (转)
  20. MySQL数据库的备份与恢复命令

热门文章

  1. 北京VR视频外包团队:全景VR视频科普
  2. WPF外包公司——北京动点飞扬软件:开发企业WPF项目需要掌握些什么
  3. LVS安装使用详解
  4. WebApi:使用方法名或者控制器名作为接口地址
  5. UVA 11082 矩阵解压(网络流建模)
  6. (转)JPEG图片数据结构分析- 附Png数据格式详解.doc
  7. htaccess高级应用:防盗链阻止迅雷下载以及限制访问
  8. EBS R12重启后无法进入登录页面
  9. android Tab 类型切换界面
  10. cocos2d中的可见性检测