ABP vNext Blazor替换前端Layout

酩酊仙人

已于 2023-12-05 13:03:50 修改

阅读量1.4k

点赞数

分类专栏： Blazor ABP vNext 文章标签： c# asp.net

于 2022-02-01 10:14:23 首次发布

本文链接：https://blog.youkuaiyun.com/m0_46704355/article/details/122762928

版权

ABP vNext 同时被 2 个专栏收录

8 篇文章

订阅专栏

Blazor

4 篇文章

订阅专栏

本文警告开发者不要修改原始wwwroot，并避免卸载Blazorise组件。在Blazor项目中，按照官方指南创建新的App.razor文件，并调整_Host.cshtml，移除可能导致布局冲突的命名空间和样式引用，以防止默认布局被覆盖。

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

千万别动原生wwwroot！
千万别动原生wwwroot！
千万别动原生wwwroot！
千万别卸Blazorise！
千万别卸Blazorise！
千万别卸Blazorise！

参照官网新建Shared/MainLayout.razor
在Blazor项目根目录里新建文件App.razor内如如下

<Router AppAssembly="@typeof(App).Assembly">
    <Found Context="routeData">
        <RouteView RouteData="@routeData" DefaultLayout="@typeof(MainLayout)" />
    </Found>
    <NotFound>
        <LayoutView Layout="@typeof(MainLayout)">
            <p>Sorry, there's nothing at this address.</p>
        </LayoutView>
    </NotFound>
</Router>

修改_Host.cshtml
删掉

@using Volo.Abp.AspNetCore.Components.Web.BasicTheme.Themes.Basic

因为这个namespace下面也有个MainLayout.razor，这个会作为默认Layout。
再删掉abp原有样式

<abp-style-bundle name="@BlazorBasicThemeBundles.Styles.Global" />