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.
|
|
2 weeks ago | |
|---|---|---|
| .. | ||
| etc/abp-studio/run-profiles | 10 months ago | |
| src | 2 weeks ago | |
| test | 4 months ago | |
| .editorconfig | 10 months ago | |
| .gitattributes | 10 months ago | |
| .gitignore | 10 months ago | |
| BookStore.abpmdl | 10 months ago | |
| BookStore.abpsln | 4 months ago | |
| BookStore.sln | 10 months ago | |
| BookStore.sln.DotSettings | 10 months ago | |
| NuGet.Config | 10 months ago | |
| README.md | 2 weeks ago | |
| common.props | 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.Cliif 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 settingsPage style settingNavigation modeRegional settingsOther settings
If all child options are disabled, Enable theme settings is automatically disabled.