vlambda博客
学习文章列表

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

点击上方“Dotnet9”添加关注哦


你好,我是Dotnet9,继上篇介绍后,今天我来介绍另一款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

开源许可协议:MIT

✨ 特性

  • 🌈 提炼自企业级中后台产品的交互语言和视觉风格。
  • 📦 开箱即用的高质量 Blazor 组件,可在多种托管方式共享。
  • 💕 支持基于 WebAssembly 的客户端和基于 SignalR 的服务端 UI 事件交互。
  • 🎨 支持渐进式 Web 应用(PWA)
  • 🛡 使用 C# 构建,多范式静态语言带来高效的开发体验。
  • ⚙️ 基于 .NET Standard 2.1,可直接引用丰富的 .NET 类库。
  • 🎁 可与已有的 ASP.NET Core MVC、Razor Pages 项目无缝集成。

关于开源协议:MIT

参考百度百科[2]

被授权人权利

被授权人有权利使用、复制、修改、合并、出版发行、散布、再授权及贩售软件及软件的副本。

被授权人可根据程序的需要修改授权条款为适当的内容。

被授权人义务

在软件和软件的所有副本中都必须包含版权声明和许可声明。

其他重要特性

此授权条款并非属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的,关于该库作者的心路历程,大家可点击原文了解。

.NET进行客户端Web开发又一利器 - Ant Design Blazor
《如何用 Blazor 实现 Ant Design 组件库?》

距离作者发文已有3月之久,文中作者的部分期望应该说是实现了一个个小目标了,也体现在了对社区的贡献上(对Blazor推广作用):

2.1 项目关注度

作者将库发布在Github上,README支持中英文,日常代码提交使用英文,让全球的.Neter参与其中,使得更多的社区成员开始关注Ant Design Blazor,也使得更多的社区成员开始关注Blazor的发展了。

库作者发文时star统计(2020年03月21日)

.NET进行客户端Web开发又一利器 - Ant Design Blazor
库作者发文时star统计

3个月后的今天star统计(2020年06月20日)

.NET进行客户端Web开发又一利器 - Ant Design Blazor
3个月后的今天star统计

2.2 Ant Design官方认可

原文作者的小期望:

在为了与官方高度一致上的努力,还会继续。希望有一天能在丰富 Blazor 生态的同时,还能成为被 Ant Design 生态认可的框架实现,能成为他们 Design 梦的一个延续。

Ant Design官方前端实现介绍链接[3]

.NET进行客户端Web开发又一利器 - Ant Design Blazor
Ant Design官方前端实现介绍

2.3 微软官方认可

微软Build2020开发者大会Blazor介绍中,提及Ant Design Pro。

一图胜千言,得到微软认可是对作者最大的奖励,也是对社区的最好宣传。

.NET进行客户端Web开发又一利器 - Ant Design Blazor
微软Build2020开发者大会介绍

三、Ant Design Blazor UI库组件介绍

Ant Design Blazor的开发初衷是尽量与Ant Design组件库一致,可对比查看:Ant Design[5]

下面只对部分组件截图介绍,更多组件请戳上面链接查看:

3.1 首页介绍

网站风格和Ant Design官网高度一致,更方便熟悉Ant Design组件的朋友使用。

.NET进行客户端Web开发又一利器 - Ant Design Blazor
首页介绍

3.2 组件概览

组件整体印象,这只是其中一部分,丰富的组件需要点击Ant Design Blazor了解更多哟。

.NET进行客户端Web开发又一利器 - Ant Design Blazor
组件概览

四、Ant Design Blazor后续计划

目前组件开发基本已经完成,可应用于常规项目开发,组件库后续计划:

  • 6月底发布0.1版本;
  • 添加测试、完善文档、企业级应用和反馈;
  • 完成一个开箱即用的模板(伟大目标,像Ant Design Pro靠拢);
  • 添加页面生成工具,类似UMI添加block,查看 Ant Design的区块介绍 [6]

五、Ant Design Blazor技术交流

  • 钉钉群

.NET进行客户端Web开发又一利器 - Ant Design Blazor
Ant Design Blazor开发交流群
[1]

https://github.com/ant-design-blazor/ant-design-blazor: https://github.com/ant-design-blazor/ant-design-blazor

[2]

百度百科: https://baike.baidu.com/item/MIT%E8%AE%B8%E5%8F%AF%E8%AF%81/6671281?fr=aladdin

[3]

链接: https://ant.design/docs/spec/introduce-cn#%E5%89%8D%E7%AB%AF%E5%AE%9E%E7%8E%B0

[4]

https://ant-design-blazor.github.io/: https://ant-design-blazor.github.io/

[5]

Ant Design: https://ant.design/components/overview-cn/

[6]

Ant Design的区块介绍: https://pro.ant.design/docs/block-cn

关注Dotnet9,分享更多好文
如果本文对你有用,
不妨点个“在看”或者转发朋友圈

👇点击阅读原文,查看Dotnet9站点更多技术博文