一，结构如下图

二，布局页和视图布局页

1》使用方法一

_ViewStart.cshtml

@{

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

}

<h2>视图布局页_ViewStart.cshtml</h2>

_Layout.cshtml

<!DOCTYPE html>

<html>

<head>

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

    <title>@ViewBag.Title</title>

</head>

<body>

    <div>

    <h2>布局页_Layout.cshtml</h2>

        @RenderBody()

    </div>

</body>

</html>

综上：

1》当使用这种写法时：若视图布局页_ViewStart.cshtml不存在或者Layout = "~/Views/Shared/_Layout.cshtml";指向的页面错误，都会造成视图的布局页（_Layout.cshtml）使用失败

2》但是视图布局页_ViewStart.cshtml本身的样式等一样应用全局，并没有失效

2》使用方法二（不使用视图布局页_ViewStart.cshtml）

_LayoutNew.cshtml

<!DOCTYPE html>

<html>

<head>

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

    <title>@ViewBag.Title</title>

    @RenderSection("Head", false)

</head>

<body>

    <div>

        <h2>

            布局页_LayoutNew.cshtml</h2>

        @RenderSection("Main", false)

    </div>

</body>

</html>

hz.cshtml使用模板

@{

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

}

@section Head{}

@section Main{

    <h2>

        hz页面使用_LayoutNew.cshtml模板</h2>

}

即：这样应用模板一样可以成功，在这里需要注意的是@section Head{}@section Main{}名字需要和布局页定义的一样

三，分部页的使用(不需要创建action，使用简单 )

Index.cshtml

<h2>Index页面</h2>

@Html.Partial("_PartialView")

不需要使用控制器（Controllers）和方法（action），直接可以使用这个页面的元素

四，Html.RenderPartial与 Html.RenderAction的区别

Html.RenderPartial：这个只会加载页面，而不会加载Controller中的Action，所以页面的Model是在当前加载页面传过去,如@{Html.RenderPartial("Menu"，Model.List);},同时Menu页面接收的类型须和Model.List一致

1》同一个目录下（意思是当前嵌入页面和分部页页面存放在同一个文件夹下）Html.RenderPartial的使用：@{Html.RenderPartial("Menu");}

2》分部页放在不同目录中， Html.RenderPartial的使用：@{Html.RenderPartial("~/Views/Home/Menu.cshtml");}

Html.RenderAction：是通过Controller中的Action来调用，所以可以通过Action来返回参数

1》 调用例子： @{Html.RenderAction("Menu", "Home");}

MVC的布局页，视图布局页和分布页的使用的更多相关文章

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

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

  2. ASP.NET Core 中文文档 第四章 MVC（3.3）布局视图

    原文:Layout 作者:Steve Smith 翻译:娄宇(Lyrics) 校对:孟帅洋(书缘) 视图(View)经常共享视觉元素和编程元素.在本篇文章中,你将学习如何在你的 ASP.NET 应用程 ...

  3. ASP.NET Core 入门教程 6、ASP.NET Core MVC 视图布局入门

    一.前言 1.本教程主要内容 ASP.NET Core MVC (Razor)视图母版页教程 ASP.NET Core MVC (Razor)带有Section的视图母版页教程 ASP.NET Cor ...

  4. [Asp.net MVC]Asp.net MVC5系列——布局视图

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

  5. ASP.NET Core 入门笔记7，ASP.NET Core MVC 视图布局入门

    一.前言 1.本教程主要内容 ASP.NET Core MVC (Razor)视图母版页教程 ASP.NET Core MVC (Razor)带有Section的视图母版页教程 ASP.NET Cor ...

  6. ASP.NET MVC 4中如何为不同的浏览器自适应布局和视图

    在ASP.NET MVC 4中,可以很简单地实现针对不同的浏览器自适应布局和视图.这个得归功于MVC中的"约定甚于配置"的设计理念. 默认的自适应 MVC 4自动地为移动设备浏览器 ...

  7. H5 58-网页的布局方式

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  8. 从 C# 崩溃异常 中研究页堆布局

    一:背景 1.讲故事 最近遇到一位朋友的程序崩溃,发现崩溃点在富编辑器 msftedit 上,这个不是重点,重点在于发现他已经开启了 页堆 ,看样子是做了最后的挣扎. 0:000> !analy ...

  9. <记录> Razor引擎&视图布局

    标识符 @ Razor支持HTML和C#代码混编,意味着可以在HTML中随意输出变量 基本使用方法 直接@后面跟变量(当遇到 HTML标签 .空格.换行符等特殊符号时 便认为@之后到特殊符号前为变量名 ...

随机推荐

  1. ReactNative出现错误问题'React/RCTAssert.h' file not found

    今天搭建一个rn的项目,项目可以运行但就是报一个错误, 查阅是由于Pods里的React结构改变了,配置没有改过来,所以出现找不到文件的问题 修改search paths 中 header searc ...

  2. 使用Unsafe来实现自定义锁

    1.使用Unsafe类 import sun.misc.Unsafe; class UnsafePackage { private static Unsafe unsafe; static { try ...

  3. shell判断/bin目录下date文件是否存在

  4. python指定cpu使用率，与内存占用率

    python指定cpu使用率,与内存占用率 """ runing.py -c 2 -t 0.01 -m 1000 -c cpu核数,不加-c参数为最大核数 -t cpu运 ...

  5. 左上角小猫猫直达博主GitHub \-_-/

    GitHub上有博主代码工程学习笔记啥的,由于推送比较方便所以有些学习笔记就没有上传到博客园

  6. 4G手机网络通信是如何被黑客远程劫持的？

    你的4G手机网络通信是如何被黑客远程劫持的?如果您的移动运营商提供LTE(也称为4G网络),则需要小心,因为您的网络通信可能会被远程劫持. 中国一组研究人员发现了无处不在的LTE移动设备标准中的一些关 ...

  7. LOJ2586 APIO2018 选圆圈

    考前挣扎 KD树好题! 暴力模拟 通过kd树的结构把子树内的圈圈框起来 然后排个序根据圆心距 <= R1+R2来判断是否有交点 然后随便转个角度就可以保持优越的nlgn啦 卡精度差评 必须写ep ...

  8. Java中避免空指针常见的方法

    什么是空指针? 当一个变量的值为null时,在Java里表示一个不存在的空对象,没有实际内容,没有给它分配内存,null也是对象成员的默认值.所以,一个对象如果没有进行初始化操作,这时如果调用这个对象 ...

  9. B/S架构和C/S架构介绍

    一.C/S架构 C/S架构及其背景 C/S架构是一种比较早的软件架构,主要应用于局域网内.在这之前经历了集中计算模式,随着计算机网络的进步与发展,尤其是可视化工具的应用,出现过两层C/S和三层C/S架 ...

  10. 【leetcode】905. Sort Array By Parity

    题目如下: 解题思路:本题和[leetcode]75. Sort Colors类似,但是没有要求在输入数组本身修改,所以难度降低了.引入一个新的数组,然后遍历输入数组,如果数组元素是是偶数,插入到新数 ...