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 		2 weeks ago
..
etc/abp-studio/run-profiles Add new webapp 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 webapp example 10 months ago
.gitattributes Add new webapp example 10 months ago
.gitignore Add new webapp example 10 months ago
BookStore.abpmdl Add new webapp 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 webapp example 10 months ago
NuGet.Config Add new webapp example 10 months ago
README.md Refactor and add advanced theme settings 2 weeks ago
common.props Add new webapp example 10 months 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.