[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系列——实现编辑、删除与明细信息视图
[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系列——布局视图的更多相关文章
- MVC5系列——布局视图
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系列——第一个项目 概述 在这一部分我们添加一个新的控制器HelloWorldController类, ...
- [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系列——从控制器访问模型中的数据
目录 概述 从控制器访问模型中的数据 强类型模型与@model关键字 总结 系列文章 [Asp.net MVC]Asp.net MVC5系列——第一个项目 [Asp.net MVC]Asp.net M ...
- [Asp.net MVC]Asp.net MVC5系列——添加数据
目录 概述 显示添加数据时所用表单 处理HTTP-POST 总结 系列文章 [Asp.net MVC]Asp.net MVC5系列——第一个项目 [Asp.net MVC]Asp.net MVC5系列 ...
- Asp.net MVC]Asp.net MVC5系列——Routing特性
目录 概述 路由特性 使用路由 可选参数和参数的默认值 路由前缀 默认路由 路由约束 自定义路由约束 路由名 区域(Area) 总结 系列文章 [Asp.net MVC]Asp.net MVC5系列— ...
- Asp.net MVC]Asp.net MVC5系列——实现编辑、删除与明细信息视图
目录 概述 实现信息的明细视图 实现信息的编辑视图 实现信息的删除视图 总结 系列文章 [Asp.net MVC]Asp.net MVC5系列——第一个项目 [Asp.net MVC]Asp.net ...
- Asp.net MVC]Asp.net MVC5系列——在模型中添加
目录 概述 在模型中添加验证规则 自定义验证规则 伙伴类的使用 总结 系列文章 [Asp.net MVC]Asp.net MVC5系列——第一个项目 [Asp.net MVC]Asp.net MVC5 ...
随机推荐
- php header函数导出excel表格
推荐一个除了用PHPExcel导出表格之外的另外一种比较简单不需要引入类文件的表格导入方法——header()导出excel表格. 导出表格的步骤封装成了方法,以便于重复使用,代码如下: /** * ...
- 写出js内存泄漏的问题？
回答一: (1)IE7/8 DOM对象或者Active对象循环引用导致内存泄漏 a.多个对象循环引用 b.循环的DOM泄漏 (2)基础的DOM泄漏 当原有的DOM被移除时,子节点引用没有被移除则无法回 ...
- OpenCV——SIFT特征检测与匹配
SIFT特征和SURF特征比较 比较项目 SIFT SURF 尺度空间极值检测 使用高斯滤波器,根据不同尺度的高斯差(DOG)图像寻找局部极值 使用方形滤波器,利用海森矩阵的行列式值检测极值,并利用积 ...
- 八款开源 Android 游戏引擎 (巨好的资源)
转载地址:http://software.intel.com/zh-cn/blogs/2012/01/13/android-4 初学Android游戏开发的朋友,往往会显得有些无所适从,他们常常不知道 ...
- Drupal性能优化：蜜蜂培训性能优化一
大家一直都说Drupal的性能不怎么样,跑起来慢,即使不是在用户量大的时候,最近公司的蜜蜂培训产品在一个客户的使用过程中,由于用户量及数据量的激增,就遇到了比较大的性能问题,这篇文章就记录了整个优化过 ...
- DynamicDataDisplay 实时曲线图的使用和沿轴移动的效果
原文:DynamicDataDisplay 实时曲线图的使用和沿轴移动的效果 由于项目需要,最近在找关于绘制实时曲线图的文章,但看了很多自己实现的话太慢,所以使用了第三方控件来实现(由 ...
- 7、mysql高级特性
7.1.分区表 7.1.1 分区表的原理 7.1.2分区表的类型 7.1.3如何使用分区表 7.1.4什么情况下出问题 7.1.5查询优化 使用explain 来分析sql使用的分区表 7.1.6合并 ...
- mfc Picture Control 控件属性
知识点: Picture Control 控件属性 CStatic类 图片控件 图片控件使用 一.图片控件属性 Picture Control 属性: Type:Frame //框架 Type:Etc ...
- libgdx学习记录6——动作Action
libgdx中的Action类能够有效的帮助我们实现位移.旋转.缩放.淡入淡出等效果,对游戏的设计很有用. Action是一个抽象类,本身不可以实例化.一般使用的它的继承类,常用的有 MoveToAc ...
- windows超级实用快键键
1 电脑锁屏Win + L 有些时候,需要暂时离开座位去处理其他事,可是电脑还有数据再跑. 关掉的话,数据就白跑了,不关的话,又不想让别人看到我电脑的资料. 那么就按住windows键后,再按L键. ...