一.母板页_Layout.cshtml
类似于传统WebForm中的.master文件，起到页面整体框架重用的目地
1.母板页代码预览

 <!DOCTYPE html>

 <html>

 　　<head>

 　　<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>

 　　</head>

 　　<body>

 　　@RenderBody()

11　　 </body>

 </html>

2.子页面标题的设置
虽然多个子页面可以引用同一个母板页，但不同的页面标题可以单独设置。@ViewBag.Title 即是一个标题的占位符，在Control里或页面中给该标题的变量赋值。

 //LayoutDemo_01

 public ActionResult LayoutDemo_01()

 {

 　　ViewBag.Title = "布局页一";

 　　return View();

 }

 //LayoutDemo_02

 public ActionResult LayoutDemo_02()

 {

 　　ViewBag.Title = "布局页二";

 　　return View();

 }
 @{

 　　ViewBag.Title = "布局页一";

 }

3.子页面主内容的设置
页面主内容是由@RenderBody()来标识的。子页面的内容直接替换到该方法处。

 //第一个页面

 @{

 　　Layout = "~/Views/Shared/_Layout.cshtml";

 }

 这里是layoutg一的内容

 //第二个页面

 @{

 　　Layout = "~/Views/Shared/_Layout.cshtml";

 }

 这里是layout二的内容

4.子页面其他内容的设置

由于母板面的内容大多数不会是连续的，如下代码所示：

 <!DOCTYPE html>

 <html>

 　　<head>

 　　<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>

 　　</head>

 　　<body>

 　　　　<br />

 　　　　@* 主要部分*@

 　　　　@RenderBody()

 　　　　<br />

 　　　　<br />

 　　　　@*其他部份内容*@

 　　　　@RenderSection("MasterPart", false)

 　　</body>

 </html>

此时我们使用@RenderSection定义占位符子页面实现，@RenderSection方法接受两个参数：("名称"，"是否是必须的")，如果是必须的那么子页面必须实现该方法，否则会报错。

子页面代码如下：

 @{

 　　Layout = "~/Views/Shared/_Layout.cshtml";

 }

 这里是layoutg一的内容

 @section MasterPart{

 　　这里是母板页的第二部分

 }

@section+空格+名称{内容}来实现母板页内容的替换。

5.其他注意项
母板页的命名可以随意，但建议以"_"下划线开头。

6.整体运行效果

二.用户自定义控件

创建时选中Create as a patial view

创建后在页面中填写如下代码：

使用时代码如下：

 @{

 　　Layout = "~/Views/Shared/_Layout.cshtml";

 }

 @Html.Partial("~/Views/Shared/_UserControl.cshtml")

 这里是layoutg一的内容

运行效果如下：

三.默认Layout引用的使用(_ViewStart.cshtml)
当我们的页面未指定Layout的时候，如果项目在全局或在同文件夹内存在_ViewStart.cshtml时该页面的Layout会自动继承自_ViewStart.cshtml，如果不同的文件夹层级都存在_ViewStart.cshtml，则继承离该页面最近的一个。_ViewStart.cshtml是一个特殊的文件。
1.使用全局_ViewStart.cshtml
_ViewStart.cshtml的文件位置和内容，如下图所示：

我们在User文件夹里建立页面LayoutDemo_03.cshtml，如下图所示：

在LayoutDemo_03.cshtml并没有定义Layout，但实际上他的Layout继承了_ViewStart.cshtml为：

 @{

 　　Layout = "~/Views/Shared/_Layout.cshtml";

 }

运行效果如下：

2.使用文件夹内的_ViewStart.cshtml
在Shared文件夹内新建文件_LayoutNew.cshtml，如下图所示：

我们在上面加了区别的文字"新的布局"，然后在User文件夹内新建文件_ViewStart.cshtml，如下图所示：

我们把User文件夹内的_ViewStart.cshtml的内容修改为Layout = "~/Views/Shared/_LayoutNew.cshtml";，此时我们再次浏览LayoutDemo_03.cshtml的时候，该页面的布局的引用会继承User文件夹内的_ViewStart.cshtml，运行效果如下：

说明：如果不想页面使用任何母板页和布局页，则需要设置Layout = null，如下所示：

 @{

 　　Layout = null;

 }

说明：转载文章，若有侵权，请与我联系

本文：http://www.cnblogs.com/xiangyisheng/p/6229213.html

原文：http://www.hello-code.com/group/mvc/201407/1313.html

ASP.NET MVC学习之母版页和自定义控件的使用的更多相关文章

  1. Asp.Net MVC学习总结之过滤器详解（转载）

    来源:http://www.php.cn/csharp-article-359736.html   一.过滤器简介 1.1.理解什么是过滤器 1.过滤器(Filters)就是向请求处理管道中注入额外的 ...

  2. ASP.NET MVC学习之Ajax（完结）

    一.前言 通过上面的一番学习,大家一定收获不少.但是总归会有一个结束的时候,但是这个结束也意味着新的开始. 如果你是从事ASP.NET开发,并且也使用了第三方控件,那么一定会觉得ASP.NET开发aj ...

  3. ASP.NET MVC学习之视图篇（2）

    继ASP.NET MVC学习之视图(1)学习 4.HTML辅助器 虽然在ASP.NET MVC中我们已经摆脱了ASP.NET的控件,但是对于页面中需要循环标签的情况依然还是存在,可能很多人认为用for ...

  4. ASP.NET MVC学习之过滤器篇（2）

    下面我们继续之前的ASP.NET MVC学习之过滤器篇(1)进行学习. 3.动作过滤器 顾名思义,这个过滤器就是在动作方法调用前与调用后响应的.我们可以在调用前更改实际调用的动作,也可以在动作调用完成 ...

  5. ASP.NET MVC学习之控制器篇

    一.前言 许久之后终于可以继续我的ASP.NET MVC连载了,之前我们全面的讲述了路由相关的知识,下面我们将开始控制器和动作的讲解. ASP.NET MVC学习之路由篇幅(1) ASP.NET MV ...

  6. ASP.NET MVC学习系列(二)-WebAPI请求

    继续接着上文 ASP.NET MVC学习系列(一)-WebAPI初探 来看看对于一般前台页面发起的get和post请求,我们在Web API中要如何来处理. 这里我使用Jquery 来发起异步请求实现 ...

  7. ASP.NET MVC学习系列(二)-WebAPI请求(转)

    转自:http://www.cnblogs.com/babycool/p/3922738.html 继续接着上文 ASP.NET MVC学习系列(一)-WebAPI初探 来看看对于一般前台页面发起的g ...

  8. （转）ASP.NET MVC 学习第一天

    天道酬勤0322   博客园 | 首页 | 发新随笔 | 发新文章 | 联系 | 订阅  | 管理 随笔:10 文章:0 评论:9 引用:0 ASP.NET MVC 学习第一天 今天开始第一天学习as ...

  9. ASP.NET MVC学习之控制器篇扩展性

    原文:ASP.NET MVC学习之控制器篇扩展性 一.前言 在之前的一篇随笔中已经讲述过控制器,而今天的随笔是作为之前的扩展. 二.正文 1.自定义动作方法 相信大家在开发过程一定会遇到动作方法的重名 ...

随机推荐

  1. Angular2入门系列教程3-多个组件，主从关系

    上一篇 Angular2项目初体验-编写自己的第一个组件 好了,前面简单介绍了Angular2的基本开发,并且写了一个非常简单的组件,这篇文章我们将要学会编写多个组件并且有主从关系 现在,假设我们要做 ...

  2. nodejs利用ajax实现网页无刷新上传图片

    nodejs利用ajax实现网页无刷新上传图片 标签(空格分隔): nodejs 通常情况下上传图片是要通过提交form表单来实现的,但是这又不可避免的产生了网页转. 利用ajax技术和FormDat ...

  3. HTML5实现文件断点续传

    HTML5的FILE api,有一个slice方法,可以将BLOB对象进行分割.前端通过FileList对象获取到相应的文件,按照指定的分割方式将大文件分段,然后一段一段地传给后端,后端再按顺序一段段 ...

  4. The Zen of Python

    Beautiful is better than ugly. 优美总比丑陋好Explicit is better than implicit. 直率总比含蓄好Simple is better than ...

  5. springmvc SSM shiro redis 后台框架 多数据源 代码生成器

    A集成代码生成器 [正反双向(单表.主表.明细表.树形表,开发利器)+快速构建表单 下载地址    ; freemaker模版技术 ,0个代码不用写,生成完整的一个模块,带页面.建表sql脚本,处理类 ...

  6. AFNetworking报错"_UTTypeCopyPreferredTagWithClass", referenced from: _AFContentTypeForPathExtens

    问题: 在和Unity交互的过程中,从Unity开发工具打包出来的项目文件,在添加AFNetworking库,运行时报出以下错误: Undefined symbols for architecture ...

  7. 项目管理_FindBugs的使用

    本章将讲述如何在Myeclipse下,使用FindBugs,静态分析工具,无需开发人员费劲就能找出代码中已有的缺陷. 一:Myeclipse下如何安装FindBugs插件 1:FindBugs插件下载 ...

  8. [Django]用户权限学习系列之设计自有权限管理系统设计思路

    若在阅读本片文章遇到权限操作问题,请查看本系列的前两章! http://www.cnblogs.com/CQ-LQJ/p/5609690.html和http://www.cnblogs.com/CQ- ...

  9. hibernate5.2需要的最少jar文件

    hibernate5.2需要的最少jar文件: required文件夹中的所有jar文件 + mysql-connector-java-bin.jar.

  10. ASP.NET Aries DataGrid 配置表头说明文档

    DataGrid 配置表头 字段 中文 说明 Field 字段 注意:mg_ 开头的字段为层级表头 Title 列称 OrderNum 序号 显示的顺序(冻结和非冻结列是两个组的序号) Width 列 ...