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.
19 Commits
1 Branch
7 Tags
17 MiB
 
 
 
 
 
Tree: a7d71160bd
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'a7d71160bd'
${ noResults }
liangshiwei a7d71160bd
Update bookstore.blazor.csproj 		4 years ago
img Release 0.1 4 years ago
modules feat: implements property extension 4 years ago
nuget Release 0.4 4 years ago
samples/BookStore Update bookstore.blazor.csproj 4 years ago
src/Lsw.Abp.AntDesignUI feat: implements property extension 4 years ago
.gitattributes Initial commit 4 years ago
.gitignore Ignore idea 4 years ago
LICENSE Initial commit 4 years ago
README.md Update readme.md 4 years ago
common.props Release 0.4 4 years ago
configureawait.props Initial commit 4 years ago
lsw.Abp.AntDesignUI.sln move all theme project to single AntDesignTheme folder 4 years ago

README.md

Lsw.Abp.AntDesignUI

An Abp Blazor Theme based Ant-Design-Blazor !

NuGet NuGet

Samples

Check the samples

1 2

Quick Start

The first step is to use ABP CLI to create a new project.

abp new BookStore -u blazor

See the ABP official documentation to learn ABP framework.

Open BookStore.Blazor.csproj and replace with the following:

<Project Sdk="Microsoft.NET.Sdk.BlazorWebAssembly">

  <Import Project="..\..\common.props" />

  <PropertyGroup>
    <TargetFramework>net6.0</TargetFramework>
    <BlazorWebAssemblyLoadAllGlobalizationData>true</BlazorWebAssemblyLoadAllGlobalizationData>
  </PropertyGroup>

  <ItemGroup>
    <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="6.0.0" />
    <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="6.0.0" />
  </ItemGroup>

  <ItemGroup>
    <PackageReference Include="Volo.Abp.Autofac.WebAssembly" Version="5.1.4" />
  </ItemGroup>

  <ItemGroup>
    <PackageReference Include="Lsw.Abp.IdentityManagement.Blazor.WebAssembly.AntDesignUI" Version="0.1.0" />
    <PackageReference Include="Lsw.Abp.SettingManagement.Blazor.WebAssembly.AntDesignUI" Version="0.1.0" />
    <PackageReference Include="Lsw.Abp.TenantManagement.Blazor.WebAssembly.AntDesignUI" Version="0.1.0" />
  </ItemGroup>

  <ItemGroup>
    <ProjectReference Include="..\..\src\BookStore.HttpApi.Client\BookStore.HttpApi.Client.csproj" />
  </ItemGroup>

</Project>

Open _Imports.razor and add with the following:

@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:

@page "/"
@inherits BookStoreComponentBase

<AbpPageHeader Title="Index"></AbpPageHeader>

<div class="page-content">
    <div style="text-align: center">
        
        <Alert Type="@AlertType.Success"
               Message="Success"
               Description=" Congratulations, BookStore is successfully running!"
               ShowIcon="true"/>

        <Divider/>

    </div>
</div>

Run the dotnet build & abp bundle command in the BookStore.Blazor folder.

That's all, enjoy your code :).

3

Road map

Updating...