首页 > Web开发 > 详细

MVC之LayOut布局页

时间:2017-04-08 14:41:13      阅读:152      评论:0      收藏:0      [点我收藏+]

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布局页

原文:http://www.cnblogs.com/XZhao/p/6681796.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!