.NET进行客户端Web开发又一利器 – Ant Design Blazor

你好,我是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

项目地址://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组件浏览地址://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开发交流群