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.
 
 
 
 
 
liangshiwei 2ddb7d0afc Refactor and add advanced theme settings 2 weeks ago
..
etc/abp-studio/run-profiles Add new BlazorWebassembly example 10 months ago
src Refactor and add advanced theme settings 2 weeks ago
test Upgrade to .NET 10 and update dependencies 4 months ago
.editorconfig Add new BlazorWebassembly example 10 months ago
.gitattributes Add new BlazorWebassembly example 10 months ago
.gitignore Add new BlazorWebassembly example 10 months ago
BookStore.abpmdl Add new BlazorWebassembly example 10 months ago
BookStore.abpsln Upgrade to .NET 10 and update dependencies 4 months ago
BookStore.sln Add new BlazorWebassembly example 10 months ago
BookStore.sln.DotSettings Add new BlazorWebassembly example 10 months ago
NuGet.Config Add new BlazorWebassembly example 10 months ago
README.md Refactor and add advanced theme settings 2 weeks ago
common.props Add new BlazorWebassembly example 10 months ago

README.md

BookStore Blazor WebAssembly Sample

This sample demonstrates the AntDesign theme in an ABP Blazor WebAssembly application.

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 HTTP API host:

dotnet run --project .\src\BookStore.HttpApi.Host\

Start the Blazor WebAssembly host in another terminal:

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

Open https://localhost:44376.

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 through the host application service.

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.