MVC之LayOut布局页

LayOut布局页,就是相当于WebForm中母版页,实现了一个代码的共用和公共布局的作用。

布局页的使用

(1)添加新项,选择MVC布局页

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>
</head>
<body>
<span>标头</span> <div> @RenderBody() </div>
<span>结尾</span> </body> </html>

 其中的关键字条就是@RenderBody(),默认只有一个,此时所有使用该布局页的View,所有的内容全部位于RenderBody的位置,若想要在其他位置挖坑,方便后面的继承的子页来填,使用 @RenderSection("firstKeng", false);

2.添加新的View,使用该布局页

@{
    ViewBag.Title = "View1";
    Layout = "~/Views/LayOutDemo.cshtml";
}
@section firstKeng{
        <script >
            function Hello()
            {
                alert("Hello");
            }
        </script>
    }
<h2>View1</h2>
我的内容将会全部存放在RenderBody的位置。

 在使用自定义挖的坑@RenderSection的时候,需要在子页面中@section firstKeng

原文地址:https://www.cnblogs.com/XZhao/p/6681796.html