这一节演示下MVC3中怎样使用模板页，在传统的webform设计模式中，我们使用masterpage作为模板页，在MVC3 razor视图设计中，我们使用另一种方式作为模板页。

新建一个MVC3项目，在解决方案资源管理中，我们可以看到VIEWS文件夹下面有一个Shared文件夹。在Shared文件夹里面有一个_Layout.cshtml页面。这个就是项目中默认的模板页面。如下图

1.新建内容页

内容页在MVC3中也叫做视图布局页，可以右键选中视图文件夹，通过添加视图来添加内容页，然后选择相应的模板。下面就是我们创建的内容页ViewPageOne.cshtml

使用模板页的页面，会自动在页面中生成代码。来指定模板页，使用Layout来指定具体的模板页。如果内容页中没有Layout属性，则使用的是默认的模板页

  1. @{
  2. ViewBag.Title = "ViewPageOne";
  3. Layout = "~/Views/Shared/_Layout.cshtml";
  4. }
  5. <h2>ViewPageOne</h2>

如果Layout指定为null,则表示不使用模板页

  1. @{
  2. ViewBag.Title = "ViewPageOne";
  3. Layout = null;
  4. }

2.新建模板页

右键选择Shared文件，然后在菜单中选择添加 新建项，弹出添加新项对话框，然后选择MVC3布局页，这样就添加完成了布局页，下面的我们添加的布局页_LayoutPageOne.cshtml

3.为某个文件单独指定模板页

假如某个页面不想使用默认的模板页，可以单独为其指定模板页，下面的代码把内容页的模板页指定为刚创建的模板页_LayoutPageOne.cshtml

  1. @{
  2. ViewBag.Title = "ViewPageOne";
  3. Layout="~/Views/Shared/_LayoutPageOne.cshtml";
  4. }
  5. <h2>ViewPageOne</h2>

4.为某个视图文件夹指定模板页

假如想让一个Controller下面的所有视图使用同一个模板文件，可以在该Controller对应的试图文件夹下面创建一个_ViewStart.cshtml文件，然后在_ViewStart.cshtml里面指定所使用的模板页

  1. @{
  2. Layout = "~/Views/Shared/_LayoutPageOne.cshtml";
  3. }

这样就可以把一个controller下面的视图指定为使用一个模板文件

5.页面不使用模板页

如果一个内容页面不想使用模板页，可以把_Layout设置为null

也可以在添加视图页面的时候不选择模板。

6.@RenderBody()

@RenderBody()在模板页中使用表示内容页在模板中的位置。当创建具有模板页的内容页的时候，内容页就呈现在模板页中@RenderBody()所在的位置，

一个模板页中只能有一个@RenderBody().

7.@RenderSection

@RenderSection用于在模板布局中定义一个区域，在内容页可以定义一些内容来填充这个区域，例如内容页中引用的JS文件，可以填充到模板页的section位置。每个内容页的单独一些信息，可以在模板页中这个区域显示。

@RenderSection有连个参数，第一个参数用于定义section的名称，第2个参数是布尔类型，如果为TRUE，表示内容页必须定义这个section,如果为false,则表示内容页可定义section，也可以不定义.

模板页

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>欢迎 @ViewBag.Title</title>
  5. </head>
  6. <body>
  7. <p>第2个模板页</p>
  8. <div>
  9. @RenderBody()
  10. </div>
  11. <div>
  12. 备注:
  13. @RenderSection("Remark", false);
  14. </div>
  15. </body>
  16. </html>

内容页

  1. @{
  2. ViewBag.Title = "主页";
  3. }
  4. <h2>@ViewBag.Message</h2>
  5. <p>
  6. 若要了解有关 ASP.NET MVC 的更多信息，请访问 <a href="http://asp.net/mvc" title="ASP.NET MVC 网站">http://asp.net/mvc</a>。
  7. </p>
  8. @section Remark
  9. {
  10. 我是主页
  11. }
  12. <p>欢迎</p>

8.@RenderPage

@RenderPage用于表示在一个页面中呈现另一个页面的内容.参数指定要呈现的网页的位置。

我们在Shared文件夹下面新建一个footer.cshtml文件，然后里面写上版权信息，然后在模板页中开辟一块位置用来呈现footer页面，

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>欢迎 @ViewBag.Title</title>
  5. </head>
  6. <body>
  7. <p>第2个模板页</p>
  8. <div>
  9. @RenderBody()
  10. </div>
  11. <div>
  12. 备注:
  13. @RenderSection("Remark", false);
  14. </div>
  15. <footer>
  16. @RenderPage("~/Views/Shared/footer.cshtml")
  17. </footer>
  18. </body>
  19. </html>

9.@Html.Partial()与Html.RenderPartial()
   .@Html.Partial()与Html.RenderPartial()这两个方法可以用来输出一个分部页，右键添加新建项，选择MVC3分部页，就可以添加一个分部页，相当于一个用户控件，

这时候就可以使用者两个方法来输出分部页的内容，当然，这两个方法也可以直接输出视图页和内容页。

@Html.Partial()的参数为用户控件名称，也就是分部页名称，返回值为string类型，可以直接输出。

@Html.RenderPartial()的参数也为用户控件名称，返回值为VOID,调用的时候直接把内容输出到Response中。

用法如下：

    1. <div id="logindisplay">
    2. @Html.Partial("_PartialLogin")
    3. @{
    4. Html.RenderPartial("_PartialLogin");
    5. }

ASP.NET MVC3细嚼慢咽---(2)模板页的更多相关文章

  1. ASP.NET MVC3细嚼慢咽---(1)网站创建与发布

      这一节我们演示下怎样使用VS2010创建与发布MVC3建立的网站.使用VS2010创建MVC3.0网站,需要下载MVC3.0的安装包,这个大家可以去网络上下载.     1.项目创建       ...

  2. [ASP.NET]书店后台开发-模板页

    <%@ Master Language="C#" AutoEventWireup="true" CodeFile="admin.master.c ...

  3. ASP.NET MVC3细嚼慢咽---(3)Razor视图语法

    MVC3.0中新增加了Razor视图,Razor视图的语法以@符号为核心,貌似在这个时代离不开@了,微博,邮箱都用这个. 1.输出变量和文本 @DateTime.Now @for (int i = 0 ...

  4. ASP.NET MVC中切换模板页（不同目录的cshtml文件）

    看来以后建立一个父类控制器还是有必要的... using System;using System.Collections.Generic;using System.Linq;using System. ...

  5. ASP.Net MVC开发基础学习笔记：五、区域、模板页与WebAPI初步

    一.区域—麻雀虽小,五脏俱全的迷你MVC项目 1.1 Area的兴起 为了方便大规模网站中的管理大量文件,在ASP.NET MVC 2.0版本中引入了一个新概念—区域(Area). 在项目上右击创建新 ...

  6. ASP.Net MVC开发基础学习笔记（5）：区域、模板页与WebAPI初步

    一.区域—麻雀虽小,五脏俱全的迷你MVC项目 1.1 Area的兴起 为了方便大规模网站中的管理大量文件,在ASP.NET MVC 2.0版本中引入了一个新概念—区域(Area). 在项目上右击创建新 ...

  7. 区域、模板页与WebAPI初步

    区域.模板页与WebAPI初步 一.区域—麻雀虽小,五脏俱全的迷你MVC项目 1.1 Area的兴起 为了方便大规模网站中的管理大量文件,在ASP.NET MVC 2.0版本中引入了一个新概念—区域( ...

  8. ASP.NET MVC3 模板页的使用

    占位符的使用: 下面是一个模板页 _Layout.cshtml <!DOCTYPE html> <html> <head> @RenderSection(" ...

  9. MVC3 模板页页预留Section

    一.模板页 Razor出现后我们就可以选择不再使用asp.net master 模板页.取而代之的是cshtml razor的模板文件.用法个人认为还是和master模板页类似.但在mater模板页的 ...

随机推荐

  1. [翻译]log4net教程

    原文:log4net Tutorial 一.基础: log4net分为三部分:配置.设置和调用.配置通常是在app.webconfig或web.config文件中:为了增加灵活性,我们也可以使用单独的 ...

  2. 【转】如何编译安装PHP扩展

    本文参考 一开始安装PHP的时候,我们并不知道需要哪些扩展,所以只有等到我们真正用到的时候才想办法去安装. 安装PHP扩展最简单的办法就是 sudo apt-get install php5-xxx ...

  3. 【HeadFirst设计模式】9.迭代器与组合模式

    迭代器: 定义: 提供一种方法,顺序访问一个聚合对象中的各个元素,而又不暴露其内部的表示.(不让你知道我内部是如何聚合的) 把游走的任务放在迭代器上,而不是聚合上.这样简化了聚合的接口和实现,也让责任 ...

  4. Linux C 程序 两变量值交换(FIVE)

    example:1.运算符: #include<stdio.h> int main(){ int a , b , c ,d ; a = ; b = a++;//先赋值给b,a再自增 c = ...

  5. [HTML] <input> 标签

      可选的属性 属性 值 描述 accept mime_type 规定通过文件上传来提交的文件的类型. align left right top middle bottom 不赞成使用.规定图像输入的 ...

  6. Nginx+uWSGI+bottle 在Linux上部署

    在/data/lujianxing/bottle 文件夹中创建三个文件: bottle.py bottle的源文件 a.py from bottle import Bottle, run mybott ...

  7. 数位DP入门之hdu 3555 Bomb

    hdu 3555 Bomb 题意: 在1~N(1<=N<=2^63-1)范围内找出含有 ‘49’的数的个数: 与hdu 2089 不要62的区别:2089是找不不含 '4'和 '62'的区 ...

  8. MFC应用程序的开发流程

    (1)根据应用程序特性在"MFC AppWizard[exe]"应用程序向导各步骤对话框进行选择,创建一个应用程序的框架. (2)利用资源编辑器为程序编辑或添加资源,如编辑菜单.添 ...

  9. 关于oi

    2015-12-26 今天在机房,楼上的孩子发下来一个exe,善良无知的我打开了那个exe,然后电脑就关机了.萌萌的辅导老师看到之后就不再萌萌哒,他跑到五楼训斥了那群孩子们一顿(自行脑补).出于报复, ...

  10. Hadoop Datanode节点无法启动（All directories in dfs.data.dir are invalid）

    Hadoop Datanode节点无法启动(All directories in dfs.data.dir are invalid) java.io.IOException: All director ...