首页 > 代码库 > MVC之LayOut布局页

MVC之LayOut布局页

2024-09-13 08:53:43   217人阅读

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

MVC之LayOut布局页


联系
我们