带级联截面的Razor嵌套布局

Question 1

我有一个使用Razor作为其视图引擎的MVC3网站。我希望我的网站可以换肤。大多数可能的外观非常相似，以至于它们可以从共享的主版面派生。

因此，我正在考虑以下设计：

平面图

但是，我希望能够RenderSection在最底层调用_Common.cshtml，并使其呈现在最顶层定义的部分Detail.cshtml。这是行不通的：RenderSection显然只渲染下一层定义的部分。

当然，我可以定义每个皮肤中的每个部分。例如，如果_Common需要调用RenderSection("hd")中定义的部分Detail，我只需将其放在每个部分中即可使用_Skin：

@section hd {
    @RenderSection("hd")
}

这会导致代码重复（因为每个皮肤现在必须具有相同的部分），并且通常感到混乱。我还是Razor的新手，似乎我可能缺少明显的东西。

调试时，我可以在WebViewPage.SectionWritersStack中看到已定义部分的完整列表。如果我可以告诉RenderSection在放弃之前浏览整个列表，它将找到我需要的部分。Section，SectionWritersStack是非公开的。

另外，如果我可以访问布局页面的层次结构并尝试在每个不同的上下文中执行RenderSection，则可以找到所需的部分。我可能缺少了一些东西，但是我看不到任何办法。

除了我已经概述的方法之外，还有其他方法可以实现此目标吗？

Question 2

实际上，今天使用公共API是不可能的（除了使用部分重定义方法之外）。使用私有反射可能会有些运气，但这当然是一种脆弱的方法。我们将在下一个版本的Razor中尝试简化此方案。

同时，这里有一些我写过的关于这个主题的博客文章：

Question 3

@helper ForwardSection( string section )
{
   if (IsSectionDefined(section))
   {
       DefineSection(section, () => Write(RenderSection(section)));
   }
}

这样行吗？

Question 4

我不确定在MVC 3中是否可行，但是在MVC 5中我可以使用以下技巧成功做到这一点：

在~/Views/Shared/_Common.cshtml编写常见的HTML代码时，例如：

<!DOCTYPE html>
<html lang="fa">
<head>
    <title>Skinnable - @ViewBag.Title</title>
</head>
<body>
@RenderBody()
</body>
</html>

在~/Views/_ViewStart.cshtml：

@{
    Layout = "~/Views/Shared/_Common.cshtml";
}

现在您所要做的就是_Common.cshtml将Layout用作所有皮肤。例如，在~/Views/Shared/Skin1.cshtml：

@{
    Layout = "~/Views/Shared/_Common.cshtml";
}

<p>Something specific to Skin1</p>

@RenderBody()

现在，您可以根据条件将外观设置为控制器或视图中的布局。例如：

    public ActionResult Index()
    {
        //....
        if (user.SelectedSkin == Skins.Skin1)
            return View("ViewName", "Skin1", model);
    }

如果你运行上面的代码，你应该得到一个HTML页面的两个内容Skin1.cshtml和_Common.cshtml

简而言之，您将为（皮肤）布局页面设置布局。

Question 5

不知道这是否对您有帮助，但是我写了一些扩展方法来帮助从局部中“鼓起”部分，这也适用于嵌套布局。

使用Razor View Engine从局部视图ASP.NET MVC 3将内容注入特定部分

声明子布局/视图/部分

@using (Html.Delayed()) {
    <b>show me multiple times, @Model.Whatever</b>
}

在任何父母中渲染

@Html.RenderDelayed();

有关更多用例，请参见答案链接，例如即使在重复视图中声明也仅渲染一个延迟的块，渲染特定的延迟的块等。