改变视图和布局页
首先,您希望改变页面上最上边的标题"My MVC Application"。这些文字对每个
页面来说是相同的。事实上,它在项目只被实现了一次,尽管它出现在每个页面上。
在解决方案资源管理器中定位到/Views/Shared下的_Layout.cshtml文件。这个
文件被称作为布局页,它被共享为所有页面的“外壳”。
//译者注:类似webform中的masterpage。
布局模板允许您指明网站的HTML容器并应用到网址所有的页面中。
注意文件底部的@RenderBody()行。RenderBody是一个所有视图页
的占位符,包裹在布局页中。把布局页中的标题"My MVC Application"
改为"MVC Movie App".
<div id="title">
<h1>MVC Movie App</h1>
</div>
运行程序,注意它现在显示的是"MVC Movie App".单击About链接,您可以看到页面仍然显示"MVC Movie App".我们在布局页中改变一次之后在所有页面中都输出了新的标题。
模板页完整的代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>@ViewBag.Title</title>
<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript">
</script>
<script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript">
</script>
</head>
<body>
<div class="page">
<header>
<div id="title">
<h1>MVC Movie App</h1>
</div>
<div id="logindisplay">
@Html.Partial("_LogOnPartial")
</div>
<nav>
<ul id="menu">
<li>@Html.ActionLink("Home", "Index", "Home")</li>
<li>@Html.ActionLink("About", "About", "Home")</li>
</ul>
</nav>
</header>
<section id="main">
@RenderBody()
</section>
<footer>
</footer>
</div>
</body>
</html>
现在,让我们改变视图Index页的标题。打开文件MvcMovieViewsHelloWorldIndex.cshtml.有两个地方需要修改:首先,修改浏览器标题栏出现的文字,然后再修改标签<h2>元素。您将对代码稍作调整,可以看到程序中的部分代码发生了小的改变。
@{
ViewBag.Title = "Movie List";
}
<h2>My Movie List</h2>
<p>Hello from our View Template!</p>
为了指明HTML的显示标题,上边的代码设置了视图模板Index.cshtml
ViewBag的Title属性.如果您回头看看布局模板的源代码,您将发现模板
使用<title>元素作为<head>节的一部分(译注:红色部分)。使用
这种方法,您可以很容易的在视图模板和布局文件间来传递其他参数。
运行程序并浏览http://localhost:xx/HelloWorld.注意到浏览器的 标题,
主要的标题,次要的标题已经发生了 变化(如果您没有看到变化,您可能
在查看浏览器在您机器本地的缓存内容。按Ctrl+F5强制刷新,强制从服务
器加载响应)。
还注意到视图模板Index.cshtml 的内容被合并到布局文件,一个HTML响应
被发送到浏览器。布局模板确保非常容易应用所有的变化到所有的页面中。
虽说,我们的一点点“数据”("Hello from our View Template!"消息)
是硬编码的。MVC应用程序已经有视图"V"和控制器"C"了,但是仍然还没有
模型"M".我们马上学习如何从模型创建数据和获取数据(译注:使用codefirst技术)。
从控制器
Controller传递数据给视图
View
虽然以前我们访问数据库、讨论模型,但是这次我们讨论从控制器传递数据给视图。
您写的一个控制器类是处理传入参数、从数据库获取数据、最终决定以什么类
型的响应返回给客户端浏览器的一些代码。视图模板能够被控制器用作生成和
格式化HTML响应给浏览器。
控制器负责提供各种形式的数据和对象,为了在视图模板呈送响应给浏览器。
视图模板或许从来都不展现业务逻辑或和数据库直接交互。反而仅仅对控制器
提供给它的数据工作。保持这种关注点分离("separation of concerns")可以
让您的代码整洁并且更容易维护。
目前,控制器HelloWorldController类的
Welcome方法传递了参数
name、
numTimes,并且在浏览器中直接输出了他们的值。与其让控制器呈送一个
字符串响应,还不如让我们改变一下控制器来使用视图模板取代。视图模板
生成动态的响应,这意味着您需要从控制器传递适当的数据给视图模板以便
生成响应。您可以在控制器放入动态数据来实现这个功能,视图模板需要它
可以访问的ViewBag对象。
回到HelloWorldController.cs文件改变它的Welcome,给ViewBag对象
增加Message和NumTimes值。