码迷,mamicode.com
首页 > Web开发 > 详细

MVC之LayOut布局页

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

标签:rip   布局   位置   csharp   ice   dem   out   需要   false   

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

标签:rip   布局   位置   csharp   ice   dem   out   需要   false   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!