回到 目录

在MVC3中引入了Razor引擎，这对于代码的表现力上是个突破，同时母板页也变成了_Layout，所以，我们就习惯上称它为布局页面，在razor里，布局页面是可以继承的，即，一个上下公用的布局页面（不用登陆的，产品展示页等），可以被上下左右公用的布局页面（需要登陆后看到的，如用户中心）继承。当然继承之后，父布局页里的一切，在子布局页里都是可见的，这对于使用面向对象的开发者来说，非常容易接受。

我们来看一下图示：

这是主布局页：

这是子布局页，它继承了主布局页面的内容：

总结：布局页可以通过layout去继承另一个布局页的内容。

下面再来看一下布局页的扩展，事实上是对布局页上元素的扩展，我们以section元素为例，来说明一下。

主布局代码：

<head>

    <title>@ViewBag.Title</title>

    @RenderSection("Meta",false)

    <script src="../../Scripts/JS/jquery.js"></script>

    <link href="../../Content/Site.css" rel="stylesheet" type="text/css" />

    @RenderSection("Head", false)<!-- 主母板页中的JS片断 -->

</head>

子布局，用户中心代码：

@section Meta{

    @RenderSection("Meta", false)

    <!-- 继承主母板的Meta，并扩展自己的Meta节点-->

}

@section Head{

    <link href="../../Scripts/JQTree/themes/default/style.css" rel="stylesheet" type="text/css" />

    <link href="../../Content/model.css" rel="stylesheet" />

    <script src="../../Scripts/JQTree/jquery.jstree.js"></script>

    <script src="../../Scripts/My97DatePicker4.7/WdatePicker.js" type="text/javascript"></script>

    <script src="../../Scripts/xheditor/xheditor-zh-cn.min.js" type="text/javascript"></script>

    @RenderSection("Head", false)

}

而真正的页面，也可以有自己的逻辑，去实现Meta和Head块，Meta块用来放置SEO信息，而Head块来放置CSS和JS代码。

@section Meta{

    <meta name="keywords" content="权限管理 后台管理系统" />

    <meta name="description" content="权限管理 后台管理系统" />

    @section Head{

        <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>

        <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

    }

总结：布局页的一切元素还可以进行扩展，即在主布局页定义了元素，在子布局页还可以重新定义它，而在真的页面，看到的就是两个布局页的内容，这就是布局页的扩展。

回到 目录

爱上MVC3~布局页的继承与扩展的更多相关文章

  1. 爱上MVC3~在控制器或Action上动态设定模板页(Layout)

    回到目录 很多境况下,我们需要设置自己模块的layout,即它的布局页面,在MVC2中叫它模板页面,你可以在return view方法时设置它,当然,这不是一种好方法,因为我不想每个action都去设 ...

  2. MVC3/4/5/6 布局页及Razor语法及Route路由配置

    一.目录结构 二.Razor语法 代码块:@{},如:@{Html.Raw(“”);} @if(){} @switch(){} @for(){} @foreach(){} @while(){} @do ...

  3. IDEA项目搭建十四——Web站点Controller基类及布局页静态资源设计

    一.简介 站点搭建完成后,编写页面时一般会有如下几个需求 1.嵌套静态页面时有很大一部分通用代码,如css.js这部分可以使用thymeleaf的局部片段代码块组成 2.这些静态资源默认放在程序中,但 ...

  4. MVC学习系列5--Layout布局页和RenderSection的使用

    我们开发网站项目的时候,都会遇到这样的问题:就是页面怎么统一风格,有一致的外观,在之前ASP.NET的时代,我们有两种选择,一个是使用MasterPage页,一个是手动,自己在每个页面写CSS样式,但 ...

  5. 爱上MVC3系列~开发一个站点地图(俗称面包屑)

    回到目录 原来早在webform控件时代就有了SiteMap这个东西,而进行MVC时代后,我们也希望有这样一个东西,它为我们提供了不少方便,如很方便的实现页面导航的内容修改,页面导航的样式换肤等. 我 ...

  6. NopCommerce——Web层中的布局页

    援引上一篇文章关于nopcommerce源代码结构的翻译:“Nop.Web也是一个MVC Web应用程序项目,一个公有区域的展示层.它就是你实际能够运行的应用程序.它是应用程序的启动项目”.对于nop ...

  7. ASP.Net MVC 布局页 模板页 使用方法详细说明

    一.Views文件夹 -> Shared文件夹下的 _Layout.cshtml 母版页 @RenderBody 当创建基于_Layout.cshtml布局页面的视图时,视图的内容会和布局页面合 ...

  8. MVC教程八：母版页(布局页)视图

    一.母版页介绍和使用 母版页的扩展名为".cshtml",也叫做视图布局页,它相当于网页的模板.在其他网页中,只要引用了母版页,母版页的页面内容就可以自动显示出来,设计者可以修改引 ...

  9. C++继承 派生类中的内存布局（单继承、多继承、虚拟继承）

    今天在网上看到了一篇写得非常好的文章,是有关c++类继承内存布局的.看了之后获益良多,现在转在我自己的博客里面,作为以后复习之用. ——谈VC++对象模型(美)简.格雷程化    译 译者前言 一个C ...

随机推荐

  1. asp.net(C#) Excel导出类 导出.xls文件

    ---恢复内容开始--- using Microsoft.Office.Interop.Excel; 针对office 2003需添加引用Microsoft   Excel   11.0   Obje ...

  2. Android数据库安全解决方案，使用SQLCipher进行加解密

    转载请注明出处:http://blog.csdn.net/guolin_blog/article/details/11952409 我们都知道,Android系统内置了SQLite数据库,并且提供了一 ...

  3. 七个高效的文本编辑习惯（以Vim为例）

    七个高效的文本编辑习惯 如果你花很多时间输入纯文本.写程序或HTML,那么通过高效地使用一个好的编辑器,你可以节省大部分时间.本文将提供指导和提示,让你更迅速地做这些工作,并且少犯错误. 本文用开源文 ...

  4. 【转】如何在Windows+VS2005使用最新静态libcurl 7.35.0获取网页数据，支持HTTPS

    地址: http://blog.csdn.net/hujkay作者:Jekkay Hu(34538980@qq.com)关键词:Windows,curl,ssl,  visual c++ 2005, ...

  5. 学习codeIgniter的一点小感受

    用CI好几天了,最终还是放弃用CI做完整的项目,感觉CI在前后端的交互上还比较差,比如说用户表单验证,仍然是需要把数据提交给服务器之后才能显示逻辑判断的结果.而这一点明显是相对落后了. 但不可否认CI ...

  6. 「2014-3-18」multi-pattern string match using aho-corasick

    我是擅(倾)长(向)把一篇文章写成杂文的.毕竟,写博客记录生活点滴,比不得发 paper,要求字斟句酌八股结构到位:风格偏杂文一点,也是没人拒稿的.这么说来,arxiv 就好比是 paper 世界的博 ...

  7. 「2014-3-17」C pointer again …

    记录一个比较基础的东东-- C 语言的指针,一直让人又爱又恨,爱它的人觉得它既灵活又强大,恨它的人觉得它太过于灵活太过于强大以至于容易将人绕晕.最早接触 C 语言,还是在刚进入大学的时候,算起来有好些 ...

  8. uva 11401 Triangle Counting

    // uva 11401 Triangle Counting // // 题目大意: // // 求n范围内,任意选三个不同的数,能组成三角形的个数 // // 解题方法: // // 我们设三角巷的 ...

  9. JS获取各种浏览器窗口大小的方法

    常用:JS 获取浏览器窗口大小复制代码 代码如下:// 获取窗口宽度if (window.innerWidth)winWidth = window.innerWidth;else if ((docum ...

  10. Windows下mysql忘记root密码的解决方法

    1. 首先检查mysql服务是否启动,若已启动则先将其停止服务,可在开始菜单的运行,使用命令: net stop mysql 打开第一个cmd窗口,切换到mysql的bin目录,运行命令: mysql ...