Blazor 嵌套布局

指定@layout（显式或通过_Imports.razor文件）时，Blazor将使用LayoutAttribute装饰生成的目标类。

    [Microsoft.AspNetCore.Components.LayoutAttribute(typeof(MainLayout))]
    public class AdminUsers : Microsoft.AspNetCore.Components.ComponentBase
    {
    }

注意：生成的.cs文件可以在项目的obj \ Debug \ netstandard2.0 \ Razor \文件夹中找到。

Blazor将在任何ComponentBase后代上使用LayoutAttribute。页面不仅来自该类，而且LayoutComponentBase也来自该类！这意味着自定义布局也可以具有自己的父布局。

接下来，我们将为

1. 编辑/Shared/AdminLayout.razor文件。
2. 通过添加@layout MainLayout明确声明它使用MainLayout作为其父级。

    @inherits LayoutComponentBase
    @layout MainLayout
    <h1>Admin</h1>
    @Body

首先，我们从LayoutComponentBase继承我们的视图，然后告诉Blazor我们希望将此布局包含在MainLayout Razor视图中，最后，通过输出Body属性的内容来渲染使用视图所声明的任何内容。

为了确保AdminUsers页面使用AdminLayout，请确保AdminUsers.razor文件顶部没有显式的@layout。这将告诉Blazor使用Pages/Admin/_Imports.razor中指定的布局。

    @page "/admin/users"
    <h2>Users</h2>