.net mvc布局——layout.cshtml中 @RenderSection()和@RenderBody()的使用

最新推荐文章于 2024-06-09 08:30:00 发布

wenshui147258

最新推荐文章于 2024-06-09 08:30:00 发布

阅读量5k

点赞数 1

分类专栏： MVC

本文链接：https://blog.csdn.net/wenshui147258/article/details/83013344

版权

MVC 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

_Layout.cshtml类似WebForm中的.master文件

_Layout.cshtml母版页代码：

<!DOCTYPE html>
<html lang="zh">
    <head>
        <title>@ViewBag.Title - 我的 ASP.NET MVC 应用程序</title>    
    </head>
    <body>       
        <div id="body">
            @RenderSection("featured", required: false)
            <section class="content-wrapper main-content clear-fix">
                @RenderBody()
            </section>
        </div>
        <footer>
            <div class="content-wrapper">
                <div class="float-left">
                    <p>&copy; @DateTime.Now.Year - 我的 ASP.NET MVC 应用程序</p>
                </div>
            </div>
        </footer>
        @Scripts.Render("~/bundles/jquery")
        @RenderSection("scripts", required: false)
    </body>
</html>

在Home控制器中添加TestRenderBody，并添加视图

 public ActionResult TestRenderBody()
        {
            ViewBag.Message = "这是RenderBody内容";
            return View();
        }

@{
    ViewBag.Title = "TestRenderBody";
}

<h2>@ViewBag.Message</h2>

访问视图 home/TestRenderBody:

前后对比html源码，发现只是将 TestRenderBody视图放到了_Layout.cshtml中的@RenderBody()中了

在layout.cshtml中添加一个所有页面都可以使用的 footer @RenderSection ，

<footer>
            <div class="content-wrapper">
                @if (IsSectionDefined("footer"))//如果存在 section footer则展示此页面的footer内容
                {
                     @RenderSection("footer", required: false)//requiered为fasle子页面可以没有此footer，若设置为true则子页面必须添加，否则报错
                }
                else//没有则默认显示此footer
                {
                    <p>此页面没有定义footer</p>
                }               
                <div class="float-left">
                    <p>&copy; @DateTime.Now.Year - 我的 ASP.NET MVC 应用程序</p>
                </div>
            </div>
        </footer>

在TestRenderBody.cshtml中添加

@{
    ViewBag.Title = "TestRenderBody";
}

<h2>@ViewBag.Message</h2>
@section footer{
    <p>我是此页面的页脚</p>
    }

效果为：

wenshui147258

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
.net mvc布局——layout.cshtml中 @RenderSection()和@RenderBody()的使用

_Layout.cshtml类似WebForm中的.master文件_Layout.cshtml母版页代码：&lt;!DOCTYPE html&gt;&lt;html lang="zh"&gt; &lt;head&gt; &lt;title&gt;@ViewBag.Title - 我的 ASP.NET MVC 应用程序&lt;/title&gt; ...
复制链接

扫一扫