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.
71 Commits
1 Branch
8 Tags
18 MiB
 
 
 
 
 
Branch: main
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'main'
${ noResults }
Lsw.Abp.AntDesignUI/samples/WebAppBlazorServer
liangshiwei 2ddb7d0afc
Refactor and add advanced theme settings 		2 weeks ago
..
etc/abp-studio/run-profiles Add new BlazorSever 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 BlazorSever example 10 months ago
.gitattributes Add new BlazorSever example 10 months ago
.gitignore Add new BlazorSever example 10 months ago
BookStore.abpmdl Add new BlazorSever example 10 months ago
BookStore.abpsln Upgrade to .NET 10 and update dependencies 4 months ago
BookStore.sln Add new BlazorSever example 10 months ago
BookStore.sln.DotSettings Add new BlazorSever example 10 months ago
NuGet.Config Add new BlazorSever example 10 months ago
README.md Refactor and add advanced theme settings 2 weeks ago
common.props Add new BlazorSever example 10 months ago

README.md

BookStore Blazor Server Sample

This sample demonstrates the AntDesign theme in an ABP Blazor Server 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 Blazor Server app:

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

Open https://localhost:44322.

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.