Blazor入手教程（十一）使用組件庫AntDesign Blazor

Blazor入手教程（十一）使用組件庫AntDesign Blazor

AntDesign Blazor是基於AntDesign的一套組件庫，組件相當豐富，且在不斷完善中。

。除了基礎的組件外還提供了圖表庫，國際化等功能。

官網地址:https://ant-design-blazor.gitee.io/zh-CN/docs/introduce

 

在Blazor 項目中使用的步驟：

 

1，在Nuget搜索並安裝AntDesign

 

 

 

2，在Index.html文件中引入css和js

  

    <link href="_content/AntDesign/css/ant-design-blazor.css" rel="stylesheet" />

    <script src="_content/AntDesign/js/ant-design-blazor.js"></script>

 

 

 

 

3，在入口文件注入服務 builder.Services.AddAntDesign();

 

 

 

4，在_Import.razor文件引入命名空間

 

 

 

完成以上就可以使用了

 

 

 

 

 

目錄

Blazor入手教程（一）前言

Blazor入手教程（二）css和class綁定

Blazor入手教程（三）列表和條件渲染

Blazor入手教程（四）路由

Blazor入手教程（五）組件

Blazor入手教程（六）組件的生命週期

Blazor入手教程（七）表單

Blazor入手教程（八）佈局Layout

Blazor入手教程（九）c#和js互相調用

Blazor入手教程（十）部署安裝

Blazor入手教程（十一）使用組件庫AntDesign Blazor