天天看点

《精通 ASP.NET MVC 4》----2.3 渲染Web页面

本节书摘来自异步社区《精通 asp.net mvc 4》一书中的第2章,第2.3节,作者: 【美】adam freeman ,译者: 李萍 , 徐燕萍 , 林逸 , 更多章节内容可以访问云栖社区“异步社区”公众号查看。

精通 asp.net mvc 4

前面例子的输出并不是html,只是一个字符串“hello, world”。为了产生一个对浏览器请求进行响应的html,需要创建一个视图(view)。

要做的第一件事是修改index动作方法,如清单2-3所示。

清单2-3 修改控制器以渲染一个视图

清单2-3中的改动以黑体显示。当从一个动作方法返回一个viewresult对象时,便是在指示mvc去渲染一个视图。通过调用不带参数的view方法来创建这个viewresult对象。这是告诉mvc——去渲染该动作的默认视图。

如果此时运行这个应用程序,就可以看到mvc框架正试图查找要使用的默认试图,并显示图2-8所示的错误消息。

这个错误消息是很有帮助的,它不仅解释了mvc未找到该动作方法的视图,而且还显示出它查找了哪些地方。这是mvc约定的另一个很好的例子:视图是通过命名约定与动作方法相关联的。这个动作方法叫作“index”,控制器叫作“home”。从图2-8中可以看出,mvc试图在“views”文件夹中查找有这个名字的不同文件。

为了创建一个视图,停止调试器,右击homecontroller.cs代码文件中的动作方法(在方法名上,或在方法体内),从弹出菜单选择“添加视图”,打开“添加视图”对话框,如图2-9所示。

去掉“use a layout or master page(使用布局或母版页)”复选框。本例不使用布局,但读者将在第7章看到布局的使用。点击“add(添加)”按钮,visual studio将在views/home文件夹中创建一个名为“index.cshtml”的视图文件。如果回看刚才图2-8显示的错误消息,就会发现这个新文件是mvc试图寻找的文件之一。

提示:.cshtml文件扩展名表示是一个由razor处理的c#视图。mvc的早期版本建立在aspx视图引擎之上,其视图文件扩展名为.aspx。

visual studio打开index.cshtml文件以便编辑。读者将看到该文件主要含有html。不同的是,会看到类似下面的部分。

《精通 ASP.NET MVC 4》----2.3 渲染Web页面

这是一个由razor视图引擎来解释的代码块。这是一个相当简单的例子。它只是告诉razor并未选用布局(此刻略去razor,稍后再回头讨论)。现在,将清单2-4所示的黑体内容添加到index.cshtml文件中。

清单2-4 添加到视图的html

《精通 ASP.NET MVC 4》----2.3 渲染Web页面

这一添加显示了另一种简单消息(用html标记显示出来的消息,而不是前面那种由动作方法显示的字符串消息——译者注)。从“debug(调试)”菜单选择“start debugging(开始调试)”来运行该应用程序,并测试此视图。读者可以看到类似于图2-10所示的内容。

《精通 ASP.NET MVC 4》----2.3 渲染Web页面

在最初创建index动作方法时,它返回了一个字符串值。这意味着,mvc除了把这个字符串传递给浏览器之外,未做其他事情。现在,index方法返回了一个viewresult,这是指示mvc渲染一个视图并返回html。清单2-4并未告诉mvc应该使用哪个视图,其实它运用了命名约定,以自动找到一个视图。这个约定是,视图具有动作方法的名字,并位于以控制器命名的文件夹之中——~/views/home/index.cshtml。

除了字符串和viewresult对象之外,还可以从动作方法返回其他结果。例如,如果返回一个redirectresult,可以使浏览器被重定向到另一个url。如果返回一个httpunauthorizedresult,会强迫用户进行登录。这些对象统称为动作结果(action result),而且它们都是从actionresult类派生而来的。动作结果系统使开发者能够封装并重用动作中的常用响应。随着本书的进展,将介绍更多内容,并演示一些复杂的运用。

一个web应用程序平台的全部目标是构造并显示动态输出。在mvc中,控制器的工作是构造一些数据,并将其传递给视图,而视图负责把它渲染成html。

注意:现在,有很多人都把“渲染”说成“呈现”,其实这种说法是不正确的。web页面从服务器到浏览器的整个呈现过程实际上分为三步。第一步是通过视图引擎对视图文件进行解析,将视图文件中的代码转换成html标记,这一步叫作渲染。第二步是将渲染后的html标记传递给客户端浏览器,这一步是页面的传递。第三步是浏览器接收到html后对其进行处理并呈现为web页面,这一步才叫作呈现。由此可见,渲染是把页面的非html代码(控件、页面代码等)转换成html标记,这一步工作是由服务器完成的。而呈现是将html显示成web页面,这一步工作是由浏览器完成的。渲染和呈现是整个页面处理过程的两个不同阶段,更不能把这两步工作混谈为只有“呈现”这么一步——译者注

把数据从控制器传递给视图的一种方式是使用viewbag(视图包)对象,它是controller基类的一个成员。viewbag是一种动态对象,可以给它赋任意属性,使这些属性的值在随后渲染的视图中可用。清单2-5演示了在homecontroller.cs文件中以这种方式传递一些简单的动态数据。

清单2-5 设置一些视图数据

将一个值赋给viewbag.greeting属性时,便是为视图提供数据。viewbag是一种动态对象,greeting属性直到给其赋值的那一刻才会存在——这让用户能够以自如而流畅的方式将数据从控制器传递给视图,而不必提前定义类。

在视图中再次查阅viewbag.greeting属性,便可获得其数据值,正如清单2-6所演示的那样,它显示了对index.cshtml文件所做的修改。

清单2-6 接收viewbag的数据值

《精通 ASP.NET MVC 4》----2.3 渲染Web页面

添加到清单2-6的是一个razor表达式。当人们在控制器的index方法中调用view方法时,mvc框架会定位index.cshtml视图文件,并要求razor视图引擎解析该文件的内容。razor会寻找类似于在该清单中所添加的这种表达式,并处理它们。在此例中,处理该表达式意味着,在视图中插入在动作方法中赋给viewbag.greeting属性的值(这就是译者前面所提到的视图渲染过程——译者注)。

对属性名greeting没有特别的要求,可以用任意属性名来代替它,它会一样工作。当然,通过对多个属性赋值,可以将多个数据值从控制器传递给视图。通过运行该项目,可以看到第一个动态的mvc输出,如图2-11所示(请读者体会“动态”二字:动作方法可以根据不同的情况动态地对greeting属性赋不同的值,而视图无须做任何修改,便可以动态地显示出正确的数据——译者注)。

《精通 ASP.NET MVC 4》----2.3 渲染Web页面

本文仅用于学习和交流目的,不代表异步社区观点。非商业转载请注明作译者、出处,并保留本文的原始链接。