Asp.net mvc 3.0入门教程之三————视图View
2011-11-24 20:10
651 查看
本文摘自:http://www.cnblogs.com/libinlink/archive/2011/05/04/2036772.html
添加一个视图
本节您将继续修改HelloWorldController类,使用视图模板去封装
简洁的HTML响应给客户端。
您将使用ASP.NETMVC3引入的Razor视图引擎去创建一个视图模板。
基于Razor视图引擎的模板以.cshtml为扩展名,它提供一种非常优雅的
方式使用C#去生成HTML输出。当您编写视图模板时,Razor把您敲击
键盘的次数降低到了最小,coding起来非常快捷、流畅。
我们从控制器HelloWorldController类中的Index方法开始使用视图模板。
现在Index方法只返回了一个硬编码的字符串消息。改变一下Index方法,
让它返回一个View对象,代码如下:
添加视图的对话框弹出来了。保留默认选项并单击添加。
在文件夹MvcMovie\Views\HelloWorld下文件MvcMovie\Views\HelloWorld\Index.cshtml
被创建了。您可以在解决方案资源管理器中看到。
下面展示了Index.cshtml文件被创建:
在标签
所示:
[/code]
[/code]
[/code]
[/code]
添加一个视图
本节您将继续修改HelloWorldController类,使用视图模板去封装
简洁的HTML响应给客户端。
您将使用ASP.NETMVC3引入的Razor视图引擎去创建一个视图模板。
基于Razor视图引擎的模板以.cshtml为扩展名,它提供一种非常优雅的
方式使用C#去生成HTML输出。当您编写视图模板时,Razor把您敲击
键盘的次数降低到了最小,coding起来非常快捷、流畅。
我们从控制器HelloWorldController类中的Index方法开始使用视图模板。
现在Index方法只返回了一个硬编码的字符串消息。改变一下Index方法,
让它返回一个View对象,代码如下:
publicActionResultIndex()
{
returnView();
}
这些代码使用视图模板去生成HTML响应给客户端浏览器。在这个项目里,
您可以给Index方法添加一个视图模板。这样来做,右键Index方法选择
添加视图。
添加视图的对话框弹出来了。保留默认选项并单击添加。
在文件夹MvcMovie\Views\HelloWorld下文件MvcMovie\Views\HelloWorld\Index.cshtml
被创建了。您可以在解决方案资源管理器中看到。
下面展示了Index.cshtml文件被创建:
在标签
<h2>里添加一些HTML,被修改后的MvcMovie\Views\HelloWorld\Index.cshtml文件如下
所示:
@{
ViewBag.Title="Index";
}
<h2>
Index</h2>
<p>
HellofromourViewTemplate!</p>
[/code]
运行程序并浏览HelloWorld控制器(http://localhost:xxxx/HelloWorld)。
Index方法并没有太多的工作,它仅仅运行了一个表达式[code]returnView(),表达式
指明了这个方法将使用视图模板去呈送响应给浏览器。
[/code]
因为您没有特别指明使用哪个视图模板,ASP.NETMVC默认使用\Views\HelloWorld
文件夹下的Index.cshtml视图。下图展示了视图中的硬编码。
[/code]
[/code]
这看起来非常棒!然而,浏览器的标题栏显示的是Index,大号的标题显示
的是"MyMVCApplication.",让我们改变它们!
下一节:Asp.netMVC3.0入门指南3.2视图View
原文网址:http://www.asp.net/mvc/tutorials/getting-started-with-mvc3-part3-cs
相关文章推荐
- ASP.NET MVC 3.0(六): MVC 3.0创建你的View视图
- 我要学ASP.NET MVC 3.0(六): MVC 3.0创建你的View视图
- Asp.net MVC 3.0 入门教程之一-----Asp.net MVC3.0 入门指南 1.简介
- Asp.net mvc 3.0入门教程之二------控制器Controller
- 我要学ASP.NET MVC 3.0(六): MVC 3.0创建你的View视图
- Asp.net mvc 3.0 入门教程之四————模型 Model
- Asp.net mvc 3.0入门教程之五——从控制器访问模型数据
- ASP.NET MVC 5 入门教程 (4) View和ViewBag
- ASP.NET MVC 5 入门教程 (4) View和ViewBag
- ASP.NET MVC3.0简单入门(0)
- ASP.NET MVC 重点教程一周年版 第三回 Controller与View 推荐
- 【译】ASP.NET MVC 5 教程 - 1:入门
- 《ASP.NET MVC 入门系列教程》索引贴
- ASP.NET MVC 入门5、View与ViewData
- Asp.net mvc View视图
- ASP.NET MVC教程:理解模型、视图和控制器(4)
- ASP.NET MVC 入门5、View与ViewData
- ASP.NET MVC中从前台页面视图(View)传递数据到后台控制器(Controller)方式
- asp.net mvc View视图相关