.NET進行客戶端Web開發又一利器 - Ant Design Blazor

Dotnet9個人部落格發表於2020-06-20

你好,我是Dotnet9,繼上篇介紹Bootstrap風格的BlazorUI元件庫後,今天我來介紹另一款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

專案名稱: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 類庫。
  • ? 可與已有的 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的,關於該庫作者的心路歷程,大家可點選原文了解。

《如何用 Blazor 實現 Ant Design 元件庫?》

距離作者發文已有3月之久,文中作者的部分期望應該說是實現了一個個小目標了,也體現在了對社群的貢獻上(對Blazor推廣作用):

2.1 專案關注度

作者將庫釋出在Github上,README支援中英文,日常程式碼提交使用英文,讓全球的.Neter參與其中,使得更多的社群成員開始關注Ant Design Blazor,也使得更多的社群成員開始關注Blazor的發展了。

庫作者發文時star統計(2020年03月21日)

庫作者發文時star統計

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

3個月後的今天star統計

2.2 Ant Design官方認可

原文作者的小期望:

在為了與官方高度一致上的努力,還會繼續。希望有一天能在豐富 Blazor 生態的同時,還能成為被 Ant Design 生態認可的框架實現,能成為他們 Design 夢的一個延續。

Ant Design官方前端實現介紹連結

Ant Design官方前端實現介紹

2.3 微軟官方認可

微軟Build2020開發者大會Blazor介紹中,提及Ant Design Pro。

一圖勝千言,得到微軟認可是對作者最大的獎勵,也是對社群的最好宣傳。

微軟Build2020開發者大會介紹

三、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

  • 釘釘群

Ant Design Blazor開發交流群

相關文章