【问题标题】:How to switch from Lepton Theme To Basic Theme in ABP MVC Project如何在 ABP MVC 项目中从轻子主题切换到基本主题
【发布时间】:2026-01-16 15:45:01
【问题描述】:

我使用具有商业许可的 abp 套件生成了一个 MVC 项目。它有默认的 Lepton 主题,但我想切换到基本主题,因为它更容易定制。

【问题讨论】:

    标签: abp


    【解决方案1】:

    Volo.Abp.AspNetCore.Mvc.UI.Theme.Basic 包安装到您的Web 项目中,并在YourProjectNameWebModule 类的DependsOn 属性参数中添加typeof(AbpAspNetCoreMvcUiBasicThemeModule)

    然后从 DependsOn 属性中删除 typeof(AbpAspNetCoreMvcUiLeptonThemeModule)

        [DependsOn(
            typeof(BookstoreHttpApiModule),
            typeof(BookstoreApplicationModule),
            typeof(BookstoreEntityFrameworkCoreModule),
            typeof(AbpAutofacModule),
            typeof(AbpIdentityWebModule),
            typeof(AbpAccountPublicWebIdentityServerModule),
            typeof(AbpAuditLoggingWebModule),
            //typeof(LeptonThemeManagementWebModule), // <-- Remove this 
            typeof(SaasHostWebModule),
            typeof(AbpAccountAdminWebModule),
            typeof(AbpIdentityServerWebModule),
            typeof(LanguageManagementWebModule),
            //typeof(AbpAspNetCoreMvcUiLeptonThemeModule), // and remove this
            typeof(TextTemplateManagementWebModule),
            typeof(AbpSwashbuckleModule),
            typeof(AbpAspNetCoreSerilogModule),
            typeof(AbpAspNetCoreMvcUiBasicThemeModule) // <-- Add This line
            )]
        public class BookstoreWebModule : AbpModule
        { 
            // ...
    

    然后将以下库添加到您的 package.json

    "@abp/aspnetcore.mvc.ui.theme.basic": "^4.4.0"
    

    并执行以下 cli 命令安装客户端库:

    abp install-libs
    

    您现在可以运行了

    【讨论】:

    • 另外你必须在 package.json 中添加使用这个主题的主题前端库,添加 "@abp/aspnetcore.mvc.ui.theme.basic": "^4.4.0",
    • “字体”库....
    • 另外如果你使用abp add-package Volo.Abp.AspNetCore.Mvc.UI.Theme.Basic命令,它会自动添加。