你好,我是沙漠盡頭的狼,繼上篇介紹 Bootstrap 風格的 Blazor UI 組件庫後,今天我來介紹另一款 Blazor UI 組件庫:一套基於 Ant Design 和 Blazor 的企業級組件庫。
本文導航:
- 一、關於 Ant Design Blazor
- 二、Ant Design Blazor 的社群貢獻
- 2.1 專案關注度
- 2.2 Ant Design 官方認可
- 2.3 微軟官方認可
- 三、Ant Design Blazor UI 庫介紹
- 四、Ant Design Blazor 後續計畫
- 五、Ant Design Blazor 技術交流
一、關於 Ant Design Blazor

專案名稱:Ant Design Blazor
專案作者:James Yeung(社群發起者,目前專案參與度高,有較多貢獻者)
開源許可協議:MIT
專案地址:https://github.com/ant-design-blazor/ant-design-blazor
✨ 特性
- 提煉自企業級中後台產品的互動語言和視覺風格。
- 開箱即用的高品質 Blazor 元件,可在多種託管方式共享。
- 支援基於 WebAssembly 的客戶端和基於 SignalR 的伺服器端 UI 事件互動。
- 支援漸進式 Web 應用(PWA)
- 使用 C# 構建,多範式靜態語言帶來高效的開發體驗。
- ⚙️ 基於 .NET Standard 2.1,可直接引用豐富的 .NET 類庫。
- 可與已有的 http://ASP.NET Core MVC、Razor Pages 專案無縫整合。
關於開源協議:MIT
參考百度百科
被授權人權利
被授權人有權利使用、複製、修改、合併、出版發行、散布、再授權及販售軟體及軟體的副本。
被授權人可根據程式的需要修改授權條款為適當的內容。
被授權人義務
在軟體和軟體的所有副本中都必須包含版權聲明和許可聲明。
其他重要特性
此授權條款並非屬 copyleft 的自由軟體授權條款,允許在自由/開放原始碼軟體或非自由軟體(proprietary software)所使用。
MIT 的內容可依照程式著作權者的需求更改內容。此亦為 MIT 與 BSD(The BSD license, 3-clause BSD license)本質上不同處。
MIT 條款可與其他授權條款並存。另外,MIT 條款也是自由軟體基金會(FSF)所認可的自由軟體授權條款,與 GPL 相容。
二、Ant Design Blazor 的社群貢獻
該庫是國內目前社群宣傳度做得最好的一款 Blazor UI 元件庫,對於 Blazor 的社群推廣起到很大的作用,Dotnet9 是透過該庫作者的一篇文章《如何用 Blazor 實現 Ant Design 元件庫?》開始關注 Blazor 的,關於該庫作者的心路歷程,大家可點擊原文了解。

距離作者發文已有 3 月之久,文中作者的部分期望應該說是實現了一個個小目標了,也體現在了對社群的貢獻上(對 Blazor 推廣作用):
2.1 專案關注度
作者將庫發佈在 GitHub 上,README 支援中英文,日常程式碼提交使用英文,讓全球的 .Neter 參與其中,使得更多的社群成員開始關注 Ant Design Blazor,也使得更多的社群成員開始關注 Blazor 的發展了。
庫作者發文時 star 統計(2020 年 03 月 21 日)

3 個月後的今天 star 統計(2020 年 06 月 20 日)

【更新】站長整理文章時再統計,已經到了 2022 年 2 月 20 號晚 23:49,隔了 1 年半之久,star 從 1.3K 到了 4k,牛逼喲,趕緊關注該庫吧。

2.2 Ant Design 官方認可
原文作者的小期望:
在為了與官方高度一致上的努力,還會繼續。希望有一天能在豐富 Blazor 生態的同時,還能成為被 Ant Design 生態認可的框架實現,能成為他們 Design 夢的一個延續。
Ant Design 官方前端實現介紹連結

2.3 微軟官方認可
微軟 Build2020 開發者大會 Blazor 介紹中,提及 Ant Design Pro。
一圖勝千言,得到微軟認可是對作者最大的獎勵,也是對社群的最好宣傳。

三、Ant Design Blazor UI 庫組件介紹
Ant Design Blazor UI 組件瀏覽地址:https://ant-design-blazor.github.io/
Ant Design Blazor 的開發初衷是盡量與 Ant Design 組件庫一致,可對比查看:Ant Design
下面只對部分組件截圖介紹,更多組件請戳上面連結查看:
3.1 首頁介紹
網站風格和 Ant Design 官網高度一致,更方便熟悉 Ant Design 元件的朋友使用。

3.2 元件概覽
元件整體印象,這只是其中一部分,豐富的元件需要點擊Ant Design Blazor了解更多喲。

四、Ant Design Blazor 後續計畫
目前組件開發基本已經完成,可應用於常規專案開發,元件庫後續計畫:
- 6 月底發佈 0.1 版本;
- 添加測試、完善文檔、企業級應用和反饋;
- 完成一個開箱即用的模板(偉大目標,像 Ant Design Pro 靠攏);
- 添加頁面生成工具,類似 UMI 添加 block,查看 Ant Design 的區塊介紹。
五、Ant Design Blazor 技術交流
- 微信群 可添加作者微信號拉你入群:JamesYeungMVP
- 釘釘群

站長更新(2022 年 02 月 20 號 23:55)
站長今天更新網站時,該專案已經大變樣,具體的請看該專案倉庫:https://github.com/ant-design-blazor/ant-design-blazor