🌐 Choose Language: English | 中文
基于 Blazor (.NET 6.0) 的高质量自定义组件库,提供可复用的 UI 组件和模块化解决方案。
- 开箱即用:预置多种企业级 UI 组件
- 主题定制:通过 CSS 变量轻松自定义样式
- 高性能:基于 .NET 6.0 优化渲染逻辑
- 完整文档:内置示例页面和代码片段
- .NET 6.0 SDK
- IDE: Visual Studio 2022
-
克隆仓库:
git clone https://github.com/your-username/AWComponent.git
-
运行程序:
cd AWComponent/AW/Server dotnet run
访问
https://localhost:7208
查看运行效果
AWComponent/
├── AWUI/ # 组件库
│ ├── Components/ # 可复用组件
│ └── ...
│
├── AW
└── AWComponent.sln # 解决方案文件
@using AWUI.Components
<Button OnClick="HandleClick">PlaceHolder</Button>
@code{
private void HandleClick(MouseEventArgs args)
{
// add your code
}
}
-
安装 AWUI NuGet 包:
dotnet add package AWUI --version 0.0.5
-
服务配置(Program.cs in Client)
builder.AddAWComponentServices();
-
全局配置(appsettings.json in Client.wwwroot)
{ "JsModules": { "Modules": [ { "Name": "AWUI", "Path": "./_content/AWUI/js/AWUI.js", "Enable": true }, ] } }
-
样式配置(index.html in Client.wwwroot)
<link href="_content/AWUI/css/AWUI.css" rel="stylesheet" />
-
_Imports.razor 中添加命名空间:
@using AWUI.Components
组件类型 | 组件名 |
---|---|
Basic | Alert、Button、Divider、Input、Label、Modal、Progress、Select、Tree |