@RenderSection 用法

最新推荐文章于 2025-03-13 19:21:24 发布

我们要发财了

最新推荐文章于 2025-03-13 19:21:24 发布

阅读量1.6k

点赞数

文章标签： .net mvc

本文链接：https://blog.csdn.net/Tusk_Act4/article/details/112339562

版权

本文详细介绍了ASP.NET MVC中@RenderSection的用途，它用于在母版页预留位置以实现页面差异化。通过@RenderSection(HeadJs)，可以指定子页面插入特定的JS引用。当子页面未实现该Section时，设置第二个参数为false可避免异常。同时，展示了如何通过条件判断在Section未定义时显示默认内容，以及通过扩展方法提供更灵活的处理方式。文章还提到了在实际使用中如何处理未定义Section的情况，确保页面正常显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

@RenderSection相当于在母版页占一个位置

解决页面差异化的问题

如JS何CSS的调用

<!DOCTYPE html>
<html>
<head>
    <title>后台管理</title>
 <link href="@Url.Content("~/Content/css.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/style.css")" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="@Url.Content("~/Scripts/jquery-1.5.1.js")"></script>
@RenderSection("HeadJs")
</head>
<body>
 @RenderBody()
</body>
</html>

@section HeadJs{
<script type="text/javascript" src="@Url.Content("")"></script>
    }

但是当如果使用了_Layout.cshtml做母版页的页没有实现Section的话，

譬如我新建的Index.cshtml没有实现@section SubMenu{…},就会抛出异常

在这里插入图片描述
这是因为我在_Layout.cshtml中使用的是@RenderSection(“SubMenu”)他要求所有子页都要实现，

可以使用它的另外一个重载@RenderSection(“SubMenu”,false),第二个参数代表它不是必须的，就不会抛出异常。

还有，当我在母版页中定义了@RenderSection(“SubMenu”,false)的时候，我希望当所有子页都没有实现这个Section

的时候，母版页可以有自己的呈现内容，就可以用

<div id="sideBar">       @if (IsSectionDefined("SubMenu"))        {            @RenderSection("SubMenu", false)        }        else        {            <p>SubMenu Section is not defined!</p>        } </div>

这样当没有任何页面呈现Section的时候，就会默认显示定义的内容。

还有一种比较灵活的方法,通过扩展方法来实现

public static class Utility    {        public static HelperResult RenderSection(this WebPageBase page, string sectionName, Func<object, HelperResult> defaultContent)        {            if (page.IsSectionDefined(sectionName))            {                return page.RenderSection(sectionName);            }            else            {                return defaultContent(null);                           }        }    }

在母版页中

@this.RenderSection("SubMenu", @<div>default section content</div>)

OK了！没有呈现Section时，就默认显示

default section content