https://github.com/realliangshiwei/lsw.abp.antdesignui
An Abp Blazor Theme based Ant-Design-Blazor
https://github.com/realliangshiwei/lsw.abp.antdesignui
abp ant-design blazor theme
Last synced: about 1 year ago
JSON representation
An Abp Blazor Theme based Ant-Design-Blazor
- Host: GitHub
- URL: https://github.com/realliangshiwei/lsw.abp.antdesignui
- Owner: realLiangshiwei
- License: mit
- Created: 2022-02-24T16:26:03.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2024-07-20T05:17:04.000Z (almost 2 years ago)
- Last Synced: 2024-10-29T21:11:22.673Z (over 1 year ago)
- Topics: abp, ant-design, blazor, theme
- Language: C#
- Homepage:
- Size: 4.68 MB
- Stars: 125
- Watchers: 3
- Forks: 35
- Open Issues: 3
-
Metadata Files:
- Readme: README.Blazor.md
- License: LICENSE
Awesome Lists containing this project
README
The first step is to use ABP CLI to create a new project.
`abp new BookStore -u blazor`
> See the [ABP official documentation](https://docs.abp.io) to learn [ABP framework](https://github.com/abpframework/abp).
**Replace LeptonXLiteTheme with AntBlazorTheme packages**
* Remove `Volo.Abp.AspNetCore.Components.WebAssembly.LeptonXLiteTheme` Package.
* Replace `Volo.Abp.Identity.Blazor.WebAssembly` with `Lsw.Abp.IdentityManagement.Blazor.WebAssembly.AntDesignUI`
* Replace `Volo.Abp.SettingManagement.Blazor.WebAssembly` with `Lsw.Abp.SettingManagement.Blazor.WebAssembly.AntDesignUI`
* Replace `Volo.Abp.TenantManagement.Blazor.WebAssembly` with `Lsw.Abp.TenantManagement.Blazor.WebAssembly.AntDesignUI`
```
**Open `_Imports.razor` and add with the following:**
```csharp
@using AntDesign
@using Lsw.Abp.AntDesignUI
@using Lsw.Abp.AntDesignUI.Components
@using Lsw.Abp.AspnetCore.Components.Web.AntDesignTheme.Layout
```
**Open `BookStoreBlazorModule` make the following changes:**
* Remove the `ConfigureBlazorise` method
* Fix wrong using namespace
* Update module dependencies
* For example, replace `AbpIdentityBlazorWebAssemblyModule` with `AbpIdentityBlazorWebAssemblyAntDesignModule`
**Open `BookStoreMenuContributor` to update icon:**
* `"fas fa-home"` to `IconType.Outline.Home`
* `"fa fa-cog"` to `IconType.Outline.Setting`
**Open `Index.razor` and replace with the following:**
```csharp
@page "/"
@inherits BookStoreComponentBase
```
Run the `dotnet build` & `abp bundle` command in the `BookStore.Blazor` folder.
That's all, enjoy your code :).
