MVC MusicStore Tutorial v30 中文版 3.docVIP

第 3 部分：Views 和 ViewModels 到目前为止我们已经就已经返回字符串从控制器操作。这是个不错的办法，把想法的控制器是如何工作的但它是不会要如何构建一个实际的 web 应用程序。我们要想更好的方法来生成 HTML 返回到浏览器访问我们的网站 — — 一个地方我们可以使用模板文件可以更轻松地自定义 HTML 内容发送回。这正是视图做的工作。 添加一个视图模板 若要使用一个视图模板，我们就会更改 HomeController 索引方法返回的方法，并让它返回 View()，像下面： public class HomeController : Controller { // // GET: /Home/ public ActionResult Index() { return View(); } } 上述更改指示而不是返回一个字符串，我们反而要使用视图来生成结果回来。 我们现在将向我们的项目中添加适当的视图模板。为此我们会内的索引操作方法，文本光标的位置然后右键单击并选择添加视图。这将会打开添加视图对话框中： 添加视图对话框允许我们能够快速、 轻松地生成视图模板文件。默认情况下添加视图对话框 pre-populates 要创建，以便它匹配的操作方法，将使用它的视图模板的名称。因为我们使用的我们 HomeController Index() 操作方法内的添加视图上下文菜单，上面的添加视图对话框有指数作为默认情况下预先填充的视图名称。我们不需要更改任何此对话框上的选项，因此请单击添加按钮。 当我们单击添加按钮时，Visual Web Developer 将创建新的 Index.cshtml 视图模板为我们在 \Views\Home 目录中，创建该文件夹，如果尚不存在。 Index.cshtml文件的名称和文件夹位置是重要的并遵循默认 ASP.NET MVC 的命名约定。目录名称、 \Views\Home、 匹配的控制器-被命名为 HomeController。该视图模板名称，索引，匹配的控制器操作方法，将会显示所需视图。 ASP.NET MVC 允许我们避免不必显式指定的名称或位置的视图模板，当我们使用此命名约定来返回一个视图。它将默认呈现 \Views\Home\Index.cshtml 视图模板时我们在我们的 HomeController 内写类似下面的代码： public class HomeController : Controller { // // GET: /Home/ public ActionResult Index() { return View(); } } 可视化 Web 开发人员创建，并在我们单击添加视图对话框内的添加按钮后打开Index.cshtml视图模板。Index.cshtml 的内容如下所示。 @{ ViewBag.Title = Index; } h2Index/h2 此视图使用 Razor 语法，这是比 ASP.NET Web 窗体和以前版本的 ASP.NET MVC 中使用的 Web 窗体视图引擎更简洁。Web 窗体视图引擎仍可用在 ASP.NET MVC 3 中，但许多开发人员会发现 Razor 视图引擎真的很适合 ASP.NET MVC 中发展。 前三行设置使用 ViewBag.Title 的网页标题。我们会看一看如何这工作中更详细地很快，但第一次让我们更新文本标题文本，并查看的页面。更新要说这是主页，如下所示的 h2 标记。 @{ ViewBag.Title = Index; } h2This is the Home Page/h2 运行，应用程序所示我们新的文本是可见的主页上。 使用常见的网站元素的布局 大多数的网站上有多个页面之间共享的内容： 导航、 页脚、 徽标图像、 样式表的引用等。Razor 视图引擎，这很容易地使用一个名为 _Layout.cshtml 的自动已为我们在 /Views/Shared 文件夹内创建页面管理。 双击该文件夹以查看的内容，其中如下所示。 !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