Blazor Open Source Component Library- Ant Design Blazor

Blazor Open Source Component Library- Ant Design Blazor

Following the introduction of the Bootstrap-style Blazor UI component library in the previous article, today I will introduce another Blazor UI component library: an enterprise-level component library based on Ant Design and Blazor.

最后更新 6/21/2020 1:45 PM
沙漠尽头的狼
预计阅读 7 分钟
分类
Blazor
专题
Blazor component library
标签
.NET Blazor open source Open source Blazor

Hello, I am a wolf at the end of the desert. Following the previous article introducing the Bootstrap-style Blazor UI component library, today I will introduce another Blazor UI component library: an enterprise-level component library based on Ant Design and Blazor.

Navigation for this article:

    1. About Ant Design Blazor
    1. Ant Design Blazor's community contribution
    • 2.1 Project attention
    • 2.2 Ant Design officially recognized
    • 2.3 Microsoft officially recognized
    1. Introduction to Ant Design Blazor UI library
    1. Ant Design Blazor follow-up plan
    1. Ant Design Blazor technical exchange

1. About Ant Design Blazor

Project name: Ant Design Blazor

Project author: James Yeung (community initiator, currently has high participation in the project and many contributors)

Open Source License Agreement: MIT

Project address: github.com/ant-design-blazor/ant-design-blazor

characteristic

  • Extracted from the interactive language and visual style of enterprise-level mid-and back-office products.
  • Out-of-the-box, high-quality Blazor components that can be shared in multiple hosting methods.
  • Support WebAssembly-based client and SignalR-based server UI event interaction.
  • Support Progressive Web Applications (PWA)
  • Built with C#, multi-paradigm static languages bring an efficient development experience.
  • ˇis based on. NET Standard 2.1 and can directly reference rich. NET class libraries.
  • It can be seamlessly integrated with existing http://ASP.NET Core MVC and Razor Pages projects.

** About the open source protocol: MIT**

参考百度百科

Rights of authorized person

The licensee has the right to use, copy, modify, merge, publish, distribute, sublicense and sell the software and copies of the software.

The licensee may modify the authorization terms to appropriate content according to the needs of the procedure.

Obligations of the authorized person

Copyright and license notices must be included in the software and all copies of the software.

Other important characteristics

This license is not copyleft's free software license and is allowed to be used in free/open source software or non-free software.

MIT's content can be changed according to the needs of the program copyright owner. This is also the essential difference between MIT and BSD (3-clause BSD license).

The MIT terms can coexist with other licensing terms. In addition, the MIT Terms are also free software licensing terms recognized by the Free Software Foundation (FSF) and are compatible with the GPL.

2. Ant Design Blazor's community contribution

该库是国内目前社区宣传度做的最好的一款 Blazor UI 组件库,对于 Blazor 的社区推广起到很大的作用,Dotnet9 是通过该库作者的一篇文章《如何用 Blazor 实现 Ant Design 组件库?》开始关注 Blazor 的,关于该库作者的心路历程,大家可点击原文了解。

It has been three months since the author published the article. Some of the author's expectations in the article can be said to have achieved small goals one after another, and are also reflected in his contribution to the community (promotion of Blazor):

2.1 Project attention

The author posted the library on GitHub. README supports Chinese and English, and daily code submission uses English. Neter from around the world participated in it, which made more community members pay attention to Ant Design Blazor, and also made more community members pay attention to the development of Blazor.

Star statistics when the author published the document (March 21, 2020)

Today's star statistics in 3 months (June 20, 2020)

[Update] The webmaster will make statistics when sorting out the articles. It is already 23:49 pm on February 20, 2022. After a year and a half, star has gone from 1.3K to 4K. It's awesome, hurry up and pay attention to this library.

2.2 Ant Design officially recognized

Original author's small expectations:

Efforts to be highly consistent with the authorities will continue. I hope that one day while enriching the Blazor ecosystem, it will also become a framework implementation recognized by the Ant Design ecosystem and become a continuation of their Design dream.

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

2.3 Microsoft officially recognized

In the Blazor introduction to Microsoft Build2020 Developer Conference, Ant Design Pro was mentioned.

One picture is worth a thousand words. Being recognized by Microsoft is the biggest reward for authors and the best publicity for the community.

3. Introduction to Ant Design Blazor UI library components

Browse the Ant Design Blazor UI component: ant-design-blazor.github.io/

The original intention of Ant Design Blazor was to be consistent with the Ant Design component library as much as possible. Comparable view: Ant Design

The following is only a screenshot of some components. For more components, please click the above link to view:

3.1 homeintroduction

The website style is highly consistent with the Ant Design official website, making it more convenient for friends who are familiar with Ant Design components to use.

3.2 Component Overview

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

4. Ant Design Blazor follow-up plan

At present, the component development has been basically completed and can be applied to regular project development. Follow-up plans for the component library:

  • Version 0.1 was released at the end of June;
  • Add tests, improve documentation, enterprise-level applications and feedback;
  • Complete an out-of-the-box template (great goal, like Ant Design Pro getting closer);
  • Add a page generation tool, similar to UMI adding blocks. Check out Ant Design's block introduction.

5. Ant Design Blazor technical exchange

  • WeChat group can add author WeChat to pull you into the group: JamesYeungMVP
  • nail group

** Webmaster update (February 20, 2022 23:55)**

When the webmaster updated the website today, the project had changed greatly. For details, please see the project warehouse: github.com/ant-design-blazor/ant-design-blazor

Keep Exploring

延伸阅读

更多文章
同分类 / 同标签 11/6/2024

Why is my blog site back in Blazor?

The blog website has gone through hardships in development. It has tried nearly 10 versions such as MVC, Vue, and Go. Now it has returned to Blazor and adopts static SSR. The speed has skyrocketed and it has been successfully launched.

继续阅读
同分类 / 同标签 2/29/2024

Data display can also be done in Winform

In the process of developing winform, data display functions are often needed. I have been using the gridcontrol before. Today, I want to use an example to introduce to you how to use the table component in ant design blazor hybrid to display data.

继续阅读
同分类 / 同标签 2/29/2024

Can Winform's interface become better?

A few days ago, I introduced to you the use of blazor hybrid in winform, and I also said that with blazor's ui, our winform program design can be more beautiful. Next, I want to use an example of drawing in winform blazor hybrid to illustrate it, hoping to be helpful to you.

继续阅读
同分类 / 同标签 1/7/2024

Code Workshop "Article Title URL Alias Generator" is launched

Code Workshop is a newly opened open source project by the webmaster that provides online tools, cross-platform desktop and mobile applications. Webmasters will ultimately strive to bring you a more efficient and convenient experience. Today, webmasters are honored to launch the "Article Title URL Alias Generator" to help you easily create URL aliases for article titles and improve SEO effects and user experience. Come to the code workshop and explore more practical tools!

继续阅读