×

别再等 Blazor 的组件库了,这个 200+ 组件的开源项目已经够你用三五年

独孤求败 独孤求败 发表于2026-05-06 12:58:20 浏览32 评论0

抢沙发发表评论

做 .NET 后端开发的兄弟姐妹们,问你们一个问题:

你们观望 Blazor 多久了?

我猜不少人的答案是——从 .NET 5 开始就注意到了,一直到现在。心里痒痒的,想试试,但每次点开 NuGet 搜"Blazor UI",看着那几个半死不活的组件库,最后还是默默关掉了浏览器。

不是 Blazor 不行,是没有好用的 UI 组件库

后端开发者转全栈,最怕的是什么?不是 C# 不会写,是写完了逻辑,发现自己还要花三天时间去调一个表格的分页组件——那种感觉就像你炒了一桌好菜,最后发现没有碗装。

但今天这篇文章,可能要终结这个借口了。


https://github.com/dotnetcore/BootstrapBlazor
图片


它不是又一个"玩具项目"

先说一个硬指标——BootstrapBlazor 是 .NET 基金会正式成员项目

什么意思?你打开 .NET 基金会官网(dotnetfoundation.org),在全部项目列表里能搜到它。跟 ASP.NET Core、Entity Framework、ML.NET 这些微软亲儿子站在同一个页面。

这不是某个程序员周末写着玩的 Side Project,而是一个被 .NET 官方认可的、正经的企业级开源项目。

图片


200 多个组件,什么概念?

我数了一下,项目里光是组件目录就有 133 个。README 上写着内置 200+ 组件

什么概念呢?你打开一个企业后台管理系统,从左到右、从上到下看——

  • 左侧导航菜单?有。
  • 顶部面包屑导航?有。
  • 表格带分页、排序、筛选、导出?有。
  • 表单带校验、级联选择、日期范围?有。
  • 弹窗、抽屉、消息提示、加载动画?全都有。
  • 图表、树形控件、文件上传、颜色选择器?还是有的。

甚至你不太容易想到的——手写板、摄像头拍照、验证码、时钟选择器、虚拟滚动——它都有。

图片

这些组件不是你想象中的那种"Hello World 级别的 demo",而是真正在企业项目里跑过的、能扛住生产环境的东西。

为什么敢这么说?因为作者和团队所在的几家公司,全在重度使用这个库。大多数组件就是他们在实际做项目的过程中,觉得"这个好用"然后提炼出来的。

不是先造了组件再找项目用,而是项目需要什么就造什么,造好了再开源。

这两者之间的区别,用过开源组件的人自然懂。


背后是谁在维护?

这一点很重要。很多开源项目死掉不是因为代码不好,是因为维护者累了,没人接班。

BootstrapBlazor 的目前团队有 6 个人,其中 4 位是微软 MVP(Microsoft Most Valuable Professional)。

MVP 是什么?简单说就是微软官方认证的、在某个技术领域有突出贡献的人。全球每年评选,含金量不低。

他们还维护着一个大约 2000 人的 Blazor 中文社区,QQ 群里讨论的都是 Blazor 相关的技术问题。你在群里问一句"这个组件怎么用",基本很快有人回你。

图片

更夸张的是他们的发布节奏:

  • 主版本号:跟随 .NET 大版本

  • 次版本号:每个月递增

  • 修订版本号:每周一发布正式版

你没看错,每周一发新版。这意味着如果你今天提了一个合理的 Issue 甚至是一个新 Feature 请求,下周你可能就能看到新版本里已经修好了。

我在很多开源项目里见过的是——Issue 堆了几百个没人管,维护者留下一句"欢迎 PR"然后消失半年。

这里不是。


上手有多简单?

如果你用过 NuGet,那你已经会用 BootstrapBlazor 了。

dotnet add package BootstrapBlazor

一行命令,装好了。

然后在 Program.cs 里加一行:

builder.Services.AddBootstrapBlazor();

在 _Imports.razor 里加一行:

@using BootstrapBlazor.Components

完事。接下来你就可以直接写组件了:

<Display Value="@_text"></Display>
<Button Text="点击获取当前时间" OnClick="@ClickButton" />

@code {
    private string? _text;
    private void ClickButton(MouseEventArgs e)
    {
        _text = DateTime.Now.ToString("yyyy-MM-dd HH:mm:ss");
    }
}

点一个按钮,显示当前时间。不需要写任何 JavaScript,不需要 npm install,C# 全栈搞定。

再看一个企业级场景——数据表格:

<Table TItem="User"
       IsPagination="true"
       IsStriped="true"
       IsBordered="true"
       ShowToolbar="true"
       ShowSearch="true"
       OnQueryAsync="OnQuery">
</Table>

一个带分页、隔行变色、边框、工具栏和搜索功能的表格,核心配置就这么几行。你只需要提供数据查询逻辑,剩下的 UI、交互、样式它全包了。

对比一下你自己手写这个表格需要多久?

如果换成前端框架,你得装 npm 包、配 webpack、写样式、调 API、处理各种版本兼容问题。

用 BootstrapBlazor,你只需要会写 C# 和 Razor 就行。

图片


它拿过什么奖?

Gitee 的 GVP(Gitee Most Valuable Project) 奖杯。

Gitee 上项目千千万,能拿到 GVP 的不多。这个奖代表的是"最有价值开源项目",是 Gitee 官方评选出来的。

当然,奖项只是锦上添花。真正让一个项目值得用的,还是它能不能帮你少加班。


适合谁用?

如果你符合以下任意一条,BootstrapBlazor 值得你花 10 分钟试试:

  1. 你是 .NET 后端开发

    想自己搞个后台管理系统但不想碰 JavaScript
  2. 你的团队在评估 Blazor

    需要一个靠谱的组件库来做技术选型
  3. 你在用其他 Blazor 组件库

    觉得组件不够用或者维护不积极
  4. 你是学生或者个人开发者

    想快速搭一个完整的项目出来

唯一一个不适合的场景:你需要像素级自定义 UI,追求极致的视觉设计。BootstrapBlazor 基于 Bootstrap,样式是标准化的——但如果你做的是企业内部系统、后台管理、数据看板,Bootstrap 的默认样式反而是一种优势:看着专业,不需要设计师。


去哪里看?

  • 在线演示

    https://www.blazor.zone(直接打开就能看到所有组件的效果)
  • GitHub

    https://github.com/dotnetcore/BootstrapBlazor
  • 项目模板

    dotnet new install Bootstrap.Blazor.Templates,然后 dotnet new bbapp 就能创建一个完整项目

最后一句话

Blazor 不是不能用,是之前缺一个好用的组件库。现在这个库来了,而且它已经足够成熟了。

你观望了这么久,最大的成本不是学习,而是时间。花 5 分钟装个包、跑起来看看,比看十篇推荐文章都管用。

毕竟,代码是跑出来的,不是看出来的。


觉得有用?点个"在看"让更多人看到。

你身边有没有一直观望 Blazor 的 .NET 开发者?把这篇文章转给他,可能就帮他省了一个星期的调研时间。

你们项目用过哪些好用的 .NET 开源组件?评论区聊聊,我来帮你看值不值得用。


群贤毕至

访客