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

巴特西

MVC之LayOut布局页

最新文章

热门文章