Blazor 開源元件庫 - Ant Design Blazor

Blazor 開源元件庫 - Ant Design Blazor

繼上篇介紹 Bootstrap 風格的 Blazor UI 元件庫後,今天我來介紹另一款 Blazor UI 元件庫:一套基於 Ant Design 和 Blazor 的企業級元件庫。

最後更新 2020/6/21 下午1:45
沙漠尽头的狼
預計閱讀 5 分鐘
分類
Blazor
專題
Blazor 元件庫
標籤
.NET Blazor 開源 開源 Blazor

你好,我是沙漠盡頭的狼,繼上篇介紹 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

繼續探索

延伸閱讀

更多文章
同分類 / 同標籤 2024/2/29

Winform中也可以這樣做資料展示

在做winform開發的過程中,經常需要做資料展示的功能,之前一直使用的是gridcontrol控制項,今天想透過一個範例,跟大家介紹一下如何在winform blazor hybrid中使用ant design blazor中的table元件做資料展示。

繼續閱讀
同分類 / 同標籤 2024/2/29

Winform的介面也可以變好看?

前幾天跟大家介紹了在winform中使用blazor hybrid,而且還說配上blazor的UI可以讓我們的winform程式設計的更加好看,接下來我想以一個在winform blazor hybrid中繪圖的範例來進行說明,希望對你有所幫助。

繼續閱讀
同分類 / 同標籤 2024/1/7

碼坊「文章標題URL別名生成器」上線

碼坊是站長新開的一個提供網頁在線工具、跨平台桌面和手機應用的開源專案。站長將終致力於為你帶來更高效、更便捷的使用體驗。今天,站長榮幸地推出「文章標題URL別名生成器」,幫助你輕鬆創建文章標題的URL別名,提升SEO效果和用戶體驗。快來碼坊,探索更多實用工具吧!

繼續閱讀