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

README.md

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.