10 KiB
Bootstrap Blazor 组件库
Bootstrap Blazor 是一套基于 Bootstrap 和 Blazor 的企业级组件库
.NET 基金会成员项目
English | 中文
.NET Foundation
社区与项目
目前 BootstrapBlazor 团队由六名热爱开源的技术达人组成，其中有四名 微软最有价值专家(Microsoft MVP) ；成立了大约 2000 人的 Blazor 中文社区 积极响应，只讨论 Blazor 相关技术
本组件库内置 200 多个组件，作者所在几家公司的项目均在重度使用，大多数组件都是在实际项目中提炼出来，非常适合国人操作习惯，大大节约开发时间，不像有些开源作品甚至作者本人都不使用，遇到问题从根本上无法解决，提交 Issue 也是让其自行解决并帮忙 PR 到其仓库
作者与团队积极处理 Issue 社区中积极回答问题，绝对不会一个开源仓库有几百上千 Issue 不予处理，当需求合理，即使是新功能也会积极响应并尽快提供新版本不会出现让提交者自己实现功能并提交 PR 的行为
针对个别白嫖党、伸手党会亮出杀手锏口号（付费提供远程支持），其实给钱也没时间搭理，逼不得已只能在这里明确一下，一些黑粉跑去其他社区说我们有卖课广告
微软 MVP 列表（按字母排序）
生态伙伴 WTM
WTM 快速开发框架，设计的核心理念就是 "尽一切可能提高开发效率"。WTM框架把常规编码结构化，重复编码自动化，它不仅是一个框架，它是强有力的生产力工具！目前 WTM 快速开发框架已深度集成 Blazor 欢迎大家使用 传送门
WTM 快速开发框架，设计的核心理念就是 "尽一切可能提高开发效率"。WTM框架把常规编码结构化，重复编码自动化，它不仅是一个框架，它是强有力的生产力工具！目前 WTM 快速开发框架已深度集成 Blazor 欢迎大家使用 传送门
生态伙伴 ThingsGateway
ThingsGateway 边缘网关，致力于打造“高性能、插件扩展、易集成”的工业物联网网关解决方案。
ThingsGateway 将设备接入、数据上传等功能模块化，降低工业协议开发门槛，自动处理线程调度与数据缓存，极大提升开发效率与系统稳定性。 它不仅是一个网关框架，更是构建数字化工厂、边缘智能系统的核心工具！ ThingsGateway 已集成 Bootstrap Blazor 实现配置管理界面，轻松构建跨平台的边缘网关管理系统 传送门
生态伙伴 AtomUI
AtomUI 是基于 .NET 的 Ant Design 实现，致力于将优秀高效的设计语言和控件体验带到 Avalonia/.NET 跨平台桌面软件研发领域，最大限度释放研发工程师的开发效率， 设计支持平台：Windows、macOS 和 Linux。
开发环境搭建
- 安装 .net SDK 最新版 官方网址
- 安装 Visual Studio 最新版 官方网址
- 获取本项目代码 BootstrapBlazor
克隆代码
git clone https://github.com/dotnetcore/BootstrapBlazor.git
cd BootstrapBlazor/src/BootstrapBlazor.Server
dotnet run
快速安装指南
安装包
dotnet add package BootstrapBlazor
添加默认命名空间到 _Imports.razor
@using BootstrapBlazor.Components
添加 BootstrapBlazorRoot 到 MainLayout.razor
<BootstrapBlazorRoot>
@Body
</BootstrapBlazorRoot>
添加样式到 HTML Head 中
具体是 index.html 或者 _Layout.cshtml/_Host.cshtml/App.razor 取决项目类型 WebAssembly 还是 Server
<link rel="stylesheet" href="_content/BootstrapBlazor/css/bootstrap.blazor.bundle.min.css" />
增加脚本到 Html Body 结尾处
<script src="_content/BootstrapBlazor/js/bootstrap.blazor.bundle.min.js"></script>
增加服务 Program.cs
builder.Services.AddBootstrapBlazor();
用法示例
<Display Value="@_text"></Display>
<Button Text="Button" OnClick="@ClickButton"></Button>
@code {
private string? _text;
private void ClickButton(MouseEventArgs e)
{
_text = DateTime.Now.ToString();
}
}
安装项目模板
dotnet new install Bootstrap.Blazor.Templates::*
更多文档
相关资源
QQ交流群
视频教程
B 站视频集锦 传送门
演示地址
GVP 奖杯
开源协议
特别鸣谢
上海智通建设发展股份有限公司
特别鸣谢对本项目的鼎力赞助 10000 元
参与贡献
- Fork 本项目
- 新建 Feat_xxx 分支
- 提交代码
- 新建 Pull Request
行为准则
本项目采用了《贡献者公约》所定义的行为准则，以明确我们社区的预期行为。 更多信息请见 .NET Foundation Code of Conduct.
捐助
如果这个项目对您有所帮助，请扫下方二维码打赏一杯咖啡。
赞助商
感谢 JetBrains 提供的免费开源 License
