在WEB窗体模式中，用惯了母版页，并且常有母版页嵌套的情况。

而在MVC模式下，对应母版页的，称作为布局页。默认的布局页为 ~/Views/Shared/_Layout.cshtml。默认每个页面都会嵌于其中，因为在~/Views/_ViewStart.cshtml里已经写好：

@{

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

}

当然，这个应该可以改的，但一般没有必要。我的做法是，将_Layout.cshtml作为基本母版页，然后再在上面衍生出各种子母版页。以下分别是_Layout.cshtml和某一子布局页(_SingleContent_Layout.cshtml)的代码：

_Layout.cshtml

@using common = www.AppCode.Common;

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8" />

    <meta name="viewport" content="width=device-width" />

    <title>@common.GetTitle(ViewBag.IndependentTitle,ViewBag.Title)</title>

    @Styles.Render("~/Content/css")

    @Scripts.Render("~/bundles/modernizr")

	<!-- 子页插入到head的入口。相当于母版页里的ContentPlaceHolder -->

    @RenderSection("header", required: false)

</head>

<body>

    <div>

        <div id="ly_Top" class="ly_960">

            <div id="ly_User">

				<!-- 登录信息。相当于用户控件 -->

                @{Html.RenderAction("LoginInfo", "Partial");}

            </div>

            <div id="ly_Web">

            </div>

        </div>

        <div id="ly_NaviContainer">

            <div id="ly_Navi">

                <div class="ly_960">

                    <div id="ly_Logo" onclick="location.href='/'"></div>

                    <div>

						<!-- 导航条。相当于用户控件 -->

                        @{Html.RenderAction("Navi"

                              , "Partial"

                              , new { parentController = ViewContext.RouteData.Values["controller"].ToString() });}

                    </div>

                </div>

            </div>

        </div>

        <div id="ly_Main">

			<!-- 输出嵌套页 -->

			@RenderBody()

        </div>

   </div>

    @Scripts.Render("~/bundles/jquery182")

	<!-- 子页插入到页面底部的入口。相当于母版页里的ContentPlaceHolder -->

    @RenderSection("scripts", required: false)

</body>

</html>

子母版页_SingleContent_Layout.cshtml

@{

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

}

@section header{

    @Styles.Render("~/Content/SingleContent")

	@* 这是本子布局页的子页插入内容的入口，注意到没？它写在本子布局页插入母版页的入口处*@

    @RenderSection("header", required: false)

}

@section Scripts {

    @RenderSection("scripts", required: false)

}

<div class="content_box container">

    <div class="content_box_in">

        @RenderBody()

    </div>

</div>

内容页index.cshtml

@{

    ViewBag.Title = "Service";

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

}

<div class="service">

    <h2>服务条款</h2>

</div>

参考文章：

http://www.cnblogs.com/haiyabtx/archive/2012/06/12/2545821.html

ASP.NET MVC中的嵌套布局页的更多相关文章

  1. Asp.net mvc 中View 的呈现(二)

    [toc] 上一节介绍了 Asp.net mvc 中除 ViewResult 外的所有的 ActionResult,这一节介绍 ViewResult. ViewResultBase ViewResul ...

  2. 在 ASP.NET MVC 中充分利用 WebGrid (microsoft 官方示例)

    在 ASP.NET MVC 中充分利用 WebGrid https://msdn.microsoft.com/zh-cn/magazine/hh288075.aspx Stuart Leeks 下载代 ...

  3. 如何在 ASP.NET MVC 中集成 AngularJS（1）

    介绍 当涉及到计算机软件的开发时,我想运用所有的最新技术.例如,前端使用最新的 JavaScript 技术,服务器端使用最新的基于 REST 的 Web API 服务.另外,还有最新的数据库技术.最新 ...

  4. angular.js的路由和模板在asp.net mvc 中的使用

    angular.js的路由和模板在asp.net mvc 中的使用 我们知道angular.js是基于mvc 的一款优秀js框架,它也有一套自己的路由机制,和asp.net mvc 路由不太一样.as ...

  5. ASP.NET MVC中实现属性和属性值的组合,即笛卡尔乘积02, 在界面实现

    在"ASP.NET MVC中实现属性和属性值的组合,即笛卡尔乘积01, 在控制台实现"中,在控制台应用程序中实现了属性值的笛卡尔乘积.本篇在界面中实现.需要实现的大致如下: 在界面 ...

  6. 警告框在asp.net mvc中应用

    Bootstrap与asp.net MVC框架结合,产生警告框.主要是利用控制器的TempData 字典对象 生成临时数据. ASP.NET MVC的TempData用于传输一些临时的数据,例如在各个 ...

  7. 关于 ASP.NET MVC 中的视图生成

    在 ASP.NET MVC 中,我们将前端的呈现划分为三个独立的部分来实现,Controller 用来控制用户的操作,View 用来控制呈现的内容,Model 用来表示处理的数据. 从控制器到视图 通 ...

  8. 如何在 ASP.NET MVC 中集成 AngularJS（3）

    今天来为大家介绍如何在 ASP.NET MVC 中集成 AngularJS 的最后一部分内容. 调试路由表 - HTML 缓存清除 就在我以为示例应用程序完成之后,我意识到,我必须提供两个版本的路由表 ...

  9. 如何在 ASP.NET MVC 中集成 AngularJS（2）

    在如何在 ASP.NET MVC 中集成 AngularJS(1)中,我们介绍了 ASP.NET MVC 捆绑和压缩.应用程序版本自动刷新和工程构建等内容. 下面介绍如何在 ASP.NET MVC 中 ...

随机推荐

  1. Java常用类库(二)：Iterator迭代器和子范围视图

    今天介绍集合类的以下内容: l  Iterator迭代器 l  子范围视图简介 Iterator迭代器: 应该将java迭代器认为是位于两个元素之间, 当调用next 时,迭代器就越过下一个元素,并返 ...

  2. Spring boot中的定时任务（计划任务）

    从Spring3.1开始,计划任务在Spring中实现变得异常的简单.首先通过配置类注解@EnableScheduling来开启对计划任务的支持,然后再要执行的计划任务的方法上注释@Scheduled ...

  3. 整合springboot,angular2,可以前后台交互数据

    改造了一下angular2官方文档中的hero项目,让其可以进行后台的交互, https://github.com/DACHUYIN 源码在上面...博客就不写了....

  4. JS——stye属性

    1.样式少的时候使用 this.parentNode.style.backgroundColor="yellow"; 2.style是对象 console.log(box.styl ...

  5. easyui 使用笔记

    http://www.easyui.info/archives/1435.html datagrid 服务端分页 服务端分页,高效,快捷!强力推荐! easyui的datagrid服务端分页,通过设置 ...

  6. java实现搜索附近地点或人的功能

    前言 当前大多数app都有查找附近的功能, 简单的有查找周围的运动场馆, 复杂的有滴滴, 摩拜查找周围的车辆. 本文主要阐述查找附近地点的一般实现. 方案比较 方案1 (性能还不错) 数据库直接存经纬 ...

  7. 实验2 C++数组与指针

    一．实验目的: 掌握一维数组和二维数组的定义.赋值和输入输出的方法. 掌握字符数组和字符串函数的使用. 通过实验进一步掌握指针的概念,会定义和使用指针变量. 能正确使用数组的指针和指向数组的指针变量. ...

  8. cannot load oci dll,193-navicate连接oracle的解决方法

    navicat连接远程数据库时 是因为instantclient是64位的,navicat是32位的,两者要一致 因为自己的navicat premium是破解版的,所以就另找了instantclie ...

  9. 【转载】使用IntelliJ IDEA创建Maven聚合工程、创建resources文件夹、ssm框架整合、项目运行一体化

    一.创建一个空的项目作为存放整个项目的路径 1.选择 File——>new——>Project ——>Empty Project 2.WorkspaceforTest为项目存放文件夹 ...

  10. mysql cpu 100% 满 优化方案 解决MySQL CPU占用100%的经验总结

    下面是一些经验 供参考 解决MySQL CPU占用100%的经验总结 - karl_han的专栏 - CSDN博客 https://blog.csdn.net/karl_han/article/det ...