Lsw.Abp.AntDesignUI - GitLite

KO | EN

gitlite — search

#javascript #python #ai #go #machine-learning #deep-learning #linux #docker #nodejs #java #cli #vue #awesome-list #open-source

Lsw.Abp.AntDesignUI

(★ 149)

An Abp Blazor Theme based Ant-Design-Blazor

파일 탐색기

최종 버전 다운로드 (.zip)

- 1.png
- 2.png
- 3.png
- introduce.gif
- theme-home.png
- theme-settings-panel.png
- pack.ps1
- push_packages.ps1
- - .editorconfig
  - .gitattributes
  - .gitignore
  - BookStore.abpmdl
  - BookStore.abpsln
  - BookStore.sln
  - BookStore.sln.DotSettings
  - common.props
  - NuGet.Config
  - README.md
- - .editorconfig
  - .gitattributes
  - .gitignore
  - BookStore.abpmdl
  - BookStore.abpsln
  - BookStore.sln
  - BookStore.sln.DotSettings
  - common.props
  - NuGet.Config
  - README.md
- - .editorconfig
  - .gitattributes
  - .gitignore
  - BookStore.abpmdl
  - BookStore.abpsln
  - BookStore.sln
  - BookStore.sln.DotSettings
  - common.props
  - NuGet.Config
  - README.md
- - _Imports.razor
  - AbpAntDesignUIModule.cs
  - AbpBreadcrumbItem.cs
  - AbpCrudPageBase.cs
  - AntDesignExtensions.cs
  - AntDesignUiMessageService.cs
  - AntDesignUiNotificationService.cs
  - AntDesignUiObjectExtensionPropertyInfoExtensions.cs
  - AntDesignUiPageProgressService.cs
  - FodyWeavers.xml
  - Lsw.Abp.AntDesignUI.csproj
  - ObjectExtensionPropertyInfoBlazorExtensions.cs
.gitattributes
.gitignore
common.props
configureawait.props
delete-bin-obj-folders.bat
Directory.Packages.props
icon.png
LICENSE
lsw.Abp.AntDesignUI.sln
lsw.Abp.AntDesignUI.slnLaunch
README.BlazorServer.md
README.BlazorWebAssembly.md
README.md
README.WebApp.md

# 설치 가이드

1. 코드 내려받기

git clone https://github.com/realLiangshiwei/Lsw.Abp.AntDesignUI

깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.

cd Lsw.Abp.AntDesignUI

방금 내려받은 프로젝트 폴더 안으로 이동합니다.

2. .NET

보통 추천

사전 준비물

Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
.NET SDK dotnet 명령어를 쓰기 위한 SDK입니다.

dotnet restore

프로젝트에 필요한 패키지를 내려받습니다.

dotnet run

프로젝트를 빌드하고 바로 실행합니다.

✅ dotnet run 실행 후 터미널에 나타나는 안내 메시지나 주소를 확인하세요.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Lsw.Abp.AntDesignUI

ABP Blazor UI theme and module set based on [Ant Design Blazor](https://github.com/ant-design-blazor/ant-design-blazor).

[![NuGet](https://img.shields.io/nuget/v/Lsw.Abp.AntDesignUI.svg)](https://www.nuget.org/packages/Lsw.Abp.AntDesignUI/)
[![NuGet](https://img.shields.io/nuget/dt/Lsw.Abp.AntDesignUI.svg)](https://www.nuget.org/packages/Lsw.Abp.AntDesignUI/)

## Features

Lsw.Abp.AntDesignUI provides an Ant Design Pro-style application shell for ABP Blazor applications.

- Refactored application layout with side and top navigation.
- Responsive sidebar behavior for desktop and mobile screens.
- Light, menu-dark, and real-dark visual styles.
- Runtime controls for content width, fixed header, fixed sidebar, split menus, and page regions.
- Floating theme settings panel for authenticated users.
- Admin-managed theme setting availability through ABP Setting Management.
- AntDesign UI implementations for common ABP management modules.

## Theme Settings

Authenticated users can open the settings panel from the right side of the application and change the layout without restarting the app.

The panel includes:

- Page style selection.
- Navigation mode selection.
- Content width and fixed layout switches.
- Header, footer, menu, and menu header visibility.
- Weak color mode.

Administrators can choose which groups are visible from `Administration -> Settings -> Theme settings management`.

## Screenshots

![AntDesign theme home page](https://raw.githubusercontent.com/realLiangshiwei/Lsw.Abp.AntDesignUI/main/img/theme-home.png)

![Advanced theme settings panel](https://raw.githubusercontent.com/realLiangshiwei/Lsw.Abp.AntDesignUI/main/img/theme-settings-panel.png)

## Samples

- [WebApp (Auto mode)](./samples/WebApp/)
- [WebApp Blazor Server](./samples/WebAppBlazorServer/)
- [WebApp Blazor WebAssembly](./samples/WebAppBlazorWebAssembly/)

Sample login:

- Username: `admin`
- Password: `1q2w3E*`

## Usage Guides

- [Use AntDesign theme in ABP Blazor WebApp](./README.WebApp.md)
- [Use AntDesign theme in ABP Blazor Server](./README.BlazorServer.md)
- [Use AntDesign theme in ABP Blazor WebAssembly](./README.BlazorWebAssembly.md)