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

Dotnet9個人部落格發表於2020-06-20
客戶端WebBlazor

你好，我是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開發交流群

相關文章