源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

ASP.NET MVC4入门教程(三):添加一个视图

  • 时间:2020-12-21 20:08 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:ASP.NET MVC4入门教程(三):添加一个视图
在本节中,您需要修改HelloWorldController类,从而使用视图模板文件,干净优雅的封装生成返回到客户端浏览器HTML的过程。 您将创建一个视图模板文件,其中使用了ASP.NET MVC 3所引入的[url=http://weblogs.asp.net/scottgu/archive/2010/07/02/introducing-razor.aspx]Razor视图引擎[/url]。Razor视图模板文件使用.cshtml文件扩展名,并提供了一个优雅的方式来使用C#语言创建所要输出的HTML。用Razor编写一个视图模板文件时,将所需的字符和键盘敲击数量降到了最低,并实现了快速,流畅的编码工作流程。 当前在控制器类中的Index方法返回了一个硬编码的字符串。更改Index方法返回一个View对象,如下面的示例代码: public ActionResult Index() { return View(); } 上面的Index方法使用一个视图模板来生成一个HTML返回给浏览器。控制器的方法(也被称为[url=http://rachelappel.com/asp.net-mvc-actionresults-explained]action method(操作方法)[/url] ),如上面的Index方法,一般返回一个[url=http://msdn.microsoft.com/en-us/library/system.web.mvc.actionresult.aspx]ActionResult[/url](或从[url=http://msdn.microsoft.com/en-us/library/system.web.mvc.actionresult.aspx]ActionResult[/url]所继承的类型),而不是原始的类型,如字符串。 在该项目中,您可以使用的Index方法来添加一个视图模板。[b]要做到这一点,在Index方法中单击鼠标右键,然后单击“ 添加视图“。[/b] [url=http://files.jb51.net/file_images/article/201604/2016410153201993.png][img]http://files.jb51.net/file_images/article/201604/2016410153201993.png[/img] [/url] [b]出现添加视图对话框。保留缺省值,并单击添加按钮:[/b] [url=http://files.jb51.net/file_images/article/201604/20160410152553110.png][img]http://files.jb51.net/file_images/article/201604/20160410152553110.png[/img] [/url] [b]您可以在解决方案资源管理器中看到MvcMovie\HelloWorld文件夹和已被创建的MvcMovie\View\HelloWorld\Index.cshtml文件:[/b] [url=http://files.jb51.net/file_images/article/201604/20160410152553111.png][img]http://files.jb51.net/file_images/article/201604/20160410152553111.png[/img] [/url] [b]下图显示了已被创建的Index.cshtml文件:[/b] [url=http://files.jb51.net/file_images/article/201604/20160410152553112.png][img]http://files.jb51.net/file_images/article/201604/20160410152553112.png[/img] [/url] 在<h2>标签后面添加以下HTML。
[url=http://windows.microsoft.com/en-US/windows7/How-to-use-Compatibility-View-in-Internet-Explorer-9]“兼容性视图”[/url][url=http://windows.microsoft.com/en-US/windows7/How-to-use-Compatibility-View-in-Internet-Explorer-9]按钮[/url][url=http://files.jb51.net/file_images/article/201604/20160410152553113.jpg][img]http://files.jb51.net/file_images/article/201604/20160410152553113.jpg[/img] [/url], 在IE浏览器中,图标会从[url=http://files.jb51.net/file_images/article/201604/20160410152553114.jpg][img]http://files.jb51.net/file_images/article/201604/20160410152553114.jpg[/img] [/url]变为纯色的[url=http://files.jb51.net/file_images/article/201604/20160410152553115.jpg][img]http://files.jb51.net/file_images/article/201604/20160410152553115.jpg[/img] [/url]图标。另外,您也可以在Firefox或Chrome查看本教程。 如果您正在使用Visual Studio 2012,在解决方案资源管理器中,右键单击[i]Index.cshtml[/i]文件,并选择“ 在页面检查器中查看“。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部