目录

系列文章

概述

布局视图

系列文章

[Asp.net MVC]Asp.net MVC5系列——第一个项目

[Asp.net MVC]Asp.net MVC5系列——添加视图

[Asp.net MVC]Asp.net MVC5系列——添加模型

[Asp.net MVC]Asp.net MVC5系列——从控制器访问模型中的数据

[Asp.net MVC]Asp.net MVC5系列——添加数据

[Asp.net MVC]Asp.net MVC5系列——在模型中添加验证规则

[Asp.net MVC]Asp.net MVC5系列——实现编辑、删除与明细信息视图

[Asp.net MVC]Asp.net MVC5系列——Razor语法

[Asp.net MVC]Asp.net MVC5系列——Routing特性

概述

由于前段时间，项目一直吃紧，mvc的学习中断了，周末了，心里一直惦记这事，很早就起来了，把之前写的文章看了一遍，以便找到再次入手的地方，想开始，就想着最近的lync项目的管理端有用到asp.net的模版MasterPage，那就顺便就说说asp.net mvc 中的布局视图吧。目前项目告一段落，个人正在将lync的群组空间，使用mvc进行改写。

布局视图

新建一个mvc5项目，你会在Views目录下看到一个shared的文件夹，其中视图_Layout.cshtml就是布局视图，类似于webform中的Masterpage。如下图所示，

新建一个内容视图，来应用该布局视图，如图所示，

使用布局页后，会在视图中生成如下代码，每一个视图通过使用Layout属性指定它的布局：

@{

    ViewBag.Title = "Index";

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

}

<h2>Index</h2>

如果每个视图，应用同一个布局，就会产生冗余的代码，并且难以维护，上面第一张图中你也看到了有个_ViewStart.cshtml的视图，该视图非常简单，只有一句代码，指定默认的布局：

@{

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

}

这个文件中的代码优先于同目录下的任何视图代码的执行。这个文件也可以递归地应用到子目录下的任何视图。

由于这个代码优先于任何视图的运行，所以一个视图可以重写Layout属性的默认值，从而重新选择一个不同的布局。如果一组视图拥有共同的设置，那么_ViewStart.cshtml文件的好处就体现出来了，因为我们可以在它里面对共同的视图配置进行统一的设置。如果有视图要覆盖统一的的设置，我们只需要修改对应的属性值值即可。

如果不想应用模板页，则指定Layout属性为null即可。

在_Layout.cshtml布局视图中，你总可以找到类似下面的代码：

   <div class="container body-content">

        @RenderBody()

   </div>

@RenderBody()是一个占位符，用来标记使用这个布局的视图将渲染它们的主要内容的位置，如果您哟webform基础，你它的功能就类似于webform中的ContentPlaceHolder，但是跟ContentPlaceHolder还是有区别的，webform中ContentPlaceHolder根据id的不同可以有多个，但是@RenderBody()有且只能有一个。

那如果我们想在内容页中使用引用的资源，比如css或者js怎么办？

在webform中我们通常是这样做的

MasterPage中

    <asp:ContentPlaceHolder ID="head" runat="server">

    </asp:ContentPlaceHolder>

应用该模版的webform内容页

 <asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">

  <script type="text/javascript" src="../js/zTree/jquery-1.4.4.min.js"></script>

 </asp:Content>

在Asp.net mvc中是这样处理的

@RenderSection

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

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

例如在布局页中这样写

<head>

 @RenderSection("script",false);

</head>

在使用该布局的视图中

 @section script{

     <script type="text/javascript" src="../js/ParameterConfigJs.js"></script>

     }

@RenderPage

另外也可以使用 @RenderPage进行布局

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

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

 <footer>

             <p>@RenderPage("~/Views/Shared/footer.cshtml")</p>

 </footer>

@Html.Partial()与Html.RenderPartial()

分部页也可以达到布局的目的。

这两个方法可以用来输出一个分部页，右键添加新建项，选择MVC5分部页，就可以添加一个分部页，相当于webform中用户控件页。

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

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

例如：

             @Html.Partial("_PartialDeptTree")

             @{

                 Html.RenderPartial("_PartialDeptTree");

             }

可以将组织结构数放在分布视图中来用。

[Asp.net MVC]Asp.net MVC5系列——布局视图的更多相关文章

  1. MVC5系列——布局视图

    MVC5系列——布局视图 目录 系列文章 概述 布局视图 系列文章 [Asp.net MVC]Asp.net MVC5系列——第一个项目 [Asp.net MVC]Asp.net MVC5系列——添加 ...

  2. [Asp.net MVC]Asp.net MVC5系列——添加视图

    目录 系列文章 概述 添加视图 总结 系列文章 [Asp.net MVC]Asp.net MVC5系列——第一个项目 概述 在这一部分我们添加一个新的控制器HelloWorldController类, ...

  3. [Asp.net MVC]Asp.net MVC5系列——在模型中添加验证规则

    目录 概述 在模型中添加验证规则 自定义验证规则 伙伴类的使用 总结 系列文章 [Asp.net MVC]Asp.net MVC5系列——第一个项目 [Asp.net MVC]Asp.net MVC5 ...

  4. [Asp.net MVC]Asp.net MVC5系列——添加模型

    目录 概述 添加模型 总结 系列文章 [Asp.net MVC]Asp.net MVC5系列——第一个项目 [Asp.net MVC]Asp.net MVC5系列——添加视图 概述 在本节中我们将追加 ...

  5. [Asp.net MVC]Asp.net MVC5系列——从控制器访问模型中的数据

    目录 概述 从控制器访问模型中的数据 强类型模型与@model关键字 总结 系列文章 [Asp.net MVC]Asp.net MVC5系列——第一个项目 [Asp.net MVC]Asp.net M ...

  6. [Asp.net MVC]Asp.net MVC5系列——添加数据

    目录 概述 显示添加数据时所用表单 处理HTTP-POST 总结 系列文章 [Asp.net MVC]Asp.net MVC5系列——第一个项目 [Asp.net MVC]Asp.net MVC5系列 ...

  7. Asp.net MVC]Asp.net MVC5系列——Routing特性

    目录 概述 路由特性 使用路由 可选参数和参数的默认值 路由前缀 默认路由 路由约束 自定义路由约束 路由名 区域(Area) 总结 系列文章 [Asp.net MVC]Asp.net MVC5系列— ...

  8. Asp.net MVC]Asp.net MVC5系列——实现编辑、删除与明细信息视图

    目录 概述 实现信息的明细视图 实现信息的编辑视图 实现信息的删除视图 总结 系列文章 [Asp.net MVC]Asp.net MVC5系列——第一个项目 [Asp.net MVC]Asp.net ...

  9. Asp.net MVC]Asp.net MVC5系列——在模型中添加

    目录 概述 在模型中添加验证规则 自定义验证规则 伙伴类的使用 总结 系列文章 [Asp.net MVC]Asp.net MVC5系列——第一个项目 [Asp.net MVC]Asp.net MVC5 ...

随机推荐

  1. calico 排错记录 apt-get install telnet

    1.用kubespray部署一个单节点集群,kubectl get pods -n kube-system,结果: calico-node-7v8wx 1/1 Running 0 2dcalico-n ...

  2. ip、ifconfig命令与IP（转）

    Q:问题的要求就是在linux下不重新情况下,如何临时增加一个IP及临时删除一个IP ? A:该问题除了可以通过ifconfig命令完成外,也可以通过ip命令完成,不过两者是有区别的.ifconfig ...

  3. Debuggex – 超好用的正则表达式可视化调试工具

    正则表达式通常被用来检索或替换符合某个模式的文本内容,编写正则是开发人员的必备技能.简单的正则表达式一下就能看懂含义,但是复杂的正则理解起来就很困难了.有了这款可视化的正则调试工具,以后编写正则表达式 ...

  4. Xcode添加全局引用文件pch

    Xcode6之前有PrefixHeader.pch文件在写项目的时候,大部分宏定义.头文件都导入在这个pch文件,虽然方便,但会增加Build的时间,所以Xcode6以及之后的版本去除了PrefixH ...

  5. python高速排序

    import random def rand(n): for i in range(n): yield random.randint(0,1000) #创建一个随机数列表 def createList ...

  6. oracle10g安装在裸设备上

    参考了百度文库上的 <在​裸​设​备​上​面​安​装​o​r​a​c​l​e​1​0​g> 一文. 不过为了简单起见,我选择OS 为 Redhat AS 4.8 32位. 准备安装数据库为 ...

  7. Eclipse中Maven插件配置

    1. Maven插件配置 http://www.blogjava.net/fancydeepin/archive/2012/07/13/eclipse_maven3_plugin.html 2. Ma ...

  8. C#Unit单元测试之读取Web.config文件

    长期一来,我们所完成的项目都没有写单元测试,今天我一时兴起,决定给自己写的代码写单元测试,简单的测试代码分分钟完成了,一运行测试,就懵逼了.没能达到我的预期效果,而是出现图1所示错误. 图1:单元测试 ...

  9. opengl学习记录1——矩形绘制

    #include <windows.h> #include <gl/GL.h> #include <gl/GLU.h> #include <glut.h> ...

  10. datatables.js 简单使用--弹出编辑框或添加数据框

    内容:选中某一条记录,弹出编辑框 环境:asp.net mvc ,  bootstrap 显示效果: 代码: 至于怎么弄多选框,在上一篇博客里已经有说明. 主要用到了bootstrap的模态窗,下面代 ...