tsai
/
Lsw.Abp.AntDesignUI
mirror of https://github.com/realLiangshiwei/Lsw.Abp.AntDesignUI.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
An Abp Blazor Theme based Ant-Design-Blazor
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
70 Commits
1 Branch
8 Tags
18 MiB
 
 
 
 
 
Tree: 2ddb7d0afc
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '2ddb7d0afc'
${ noResults }
Lsw.Abp.AntDesignUI/samples/WebApp/README.md

1.3 KiB
Raw Blame History

BookStore WebApp Sample

This sample demonstrates the AntDesign theme in ABP Blazor WebApp auto mode.

Prerequisites

  • .NET SDK 10.0+
  • Node.js 18 or newer
  • MongoDB
  • ABP CLI (dotnet tool install -g Volo.Abp.Cli if needed)

Run

Install front-end libraries:

abp install-libs

Apply database migrations and seed data:

dotnet run --project .\src\BookStore.DbMigrator\

Start the WebApp host:

dotnet run --project .\src\BookStore.Blazor\

Open https://localhost:44320.

Default Login

  • Username: admin
  • Password: 1q2w3E*

What To Verify

  • The application uses the refactored AntDesign Pro-style layout.
  • The sidebar is responsive and can collapse on smaller screens.
  • Authenticated users can open the floating theme settings panel.
  • Theme settings apply immediately without restarting the application.

Theme Settings Management

This sample is configured with AntDesignThemeManagement.

Go to Administration -> Settings -> Theme settings management to control which sections appear in the user-facing panel:

  • Enable theme settings
  • Page style setting
  • Navigation mode
  • Regional settings
  • Other settings

If all child options are disabled, Enable theme settings is automatically disabled.