BootstrapBlazor组件库是基于Bootstrap样式的Blazor UI组件库,包括警告框、头像框、徽章、走马灯、日历框、时间框和分割线等组件,多达50个,可以创建丰富的交互式UI界面。内置详细的文档和在线演示功能,新手朋友可以参考。
软件介绍
Blazor 是一个使用 .NET 生成交互式客户端 Web UI 的框架:
1、使用 C# 代替 JavaScript 来创建丰富的交互式 UI。
2、共享使用 .NET 编写的服务器端和客户端应用逻辑。
3、将 UI 呈现为 HTML 和 CSS,以支持众多浏览器,其中包括移动浏览器。
软件特色
1、50+ 组件
本套组件库包含超过 50 多个组件,从简单的按钮到复杂的整页面级别的组件
2、性能
每个控件都经过微调,优化父子组件之间刷新逻辑,避免多次循环更新
3、简单易用
轻松掌握组件使用方法,快速将 BootstrapBlazor 控件融入到项目中
4、免费开源
简单、直接、免费使用、无依赖组件,依赖 jQuery Bootstrap 均已内置
5、演示与示例
详细文档与在线演示,功能设置简单,直接拷贝代码开箱即用
6、持续更新
码云平台托管开源,永不闭源,持续更新,及时响应问题与反馈
软件功能
使用 .NET 进行客户端 Web 开发可提供以下优势:
1、使用 C# 代替 JavaScript 来编写代码。
2、利用现有的 .NET 库生态系统。
3、在服务器和客户端之间共享应用逻辑。
4、受益于 .NET 的性能、可靠性和安全性。
5、始终高效支持 Windows、Linux 和 macOS 上的 Visual Studio。
6、以一组稳定、功能丰富且易用的通用语言、框架和工具为基础来进行生成。
本项目是利用 Bootstrap 样式进行封装的 UI 组件库。
组件
Blazor应用基于组件。 Blazor 中的组件是指 UI 元素,例如页面、对话框或数据输入窗体。
组件是内置到 .NET 程序集的 .NET 类,用来:
1、定义灵活的 UI 呈现逻辑。
2、处理用户事件。
3、可以嵌套和重用。
4、可以作为 Razor 类库或 NuGet 包共享和分发。
BootstrapBlazor组件使用说明
序号类别组件描述
1布局Divider 分割线区隔内容的分割线
2Layout 布局用于布局的容器组件,方便快速搭建页面的基本结构
3Footer 页脚组件显示在网页的最下方,提供返回顶端按钮
4Scroll 滚动条给高度或者宽度超标的组件增加滚动条
5Skeleton 骨架屏在需要等待加载内容的位置提供一个占位图形组合
6Split 面板分割Split 面板分割
7导航Breadcrumb 面包屑显示当前页面的路径,快速返回之前的任意页面
8Menu 导航菜单为页面和功能提供导航的菜单列表
9Nav 导航组件为网站提供导航功能的菜单
10Dropdown 下拉菜单将动作或菜单折叠到下拉菜单中
11GoTop 返回顶端组件点击后返回指定容器的顶端
12Pagination 分页当数据量过多时,使用分页分解数据
13Steps 步骤条引导用户按照流程完成任务的导航条
14Tabs 标签页分隔内容上有关联但属于不同类别的数据集合。
15表单EditorForm 表单组件通过绑定数据模型自动呈现编辑表单
16ValidateForm 表单组件可供数据合规检查的表单组件
17AutoComplete 自动完成输入框自动完成功能
18Button 按钮常用的操作按钮
19Checkbox 多选框一组备选项中进行多选
20CheckboxList 多选框组控件用于创建多选的复选框组
21DatePicker 日期选择器用于选择或输入日期
22DateTimeRange 日期时间段选择器在同一个选择器里选择一段日期
23DropdownList 下拉框当选项过多时,使用下拉菜单展示并选择内容(建议使用Select组件)
24Editor 富文本框将输入的文字转化为 html 代码片段
25Input 输入框通过鼠标或键盘输入字符
26InputNumber 组件仅允许输入标准的数字值,支持自定义范围及其他高级功能
27Markdown 编辑器提供 Markdown 语法支持的文本编辑器
28Radio 单选框在一组备选项中进行单选
29Rate 评分评分组件
30Select 选择器当选项过多时,使用下拉菜单展示并选择内容
31MultiSelect 多项选择器当进行多项选项时,使用下拉菜单展示并提供搜索多项选择内容
32Slider 滑块通过拖动滑块在一个固定区间内进行选择
33Switch 开关提供最普通的开关应用
34Textarea 多行文本框用于录入大量文字
35Toggle 开关提供最普通的开关应用,值为 true false
36Transfer 穿梭框-
37Upload 上传通过点击或者拖拽上传文件
38数据Avatar 头像用图标、图片或者字符的形式展示用户或事物信息
39Badge 徽章组件出现在按钮、图标旁的数字或状态标记
40Card 卡片将信息聚合在卡片容器中展示
41Calendar 日历框按照日历形式展示数据的容器。当数据是日期或按照日期划分时,例如日程、课表、价格日历等,农历等。目前支持年/月切换
42Captchas 滑块验证码通过拖动滑块进行人机识别
43Carousel 走马灯在有限空间内,循环播放同一类型的图片、文字等内容
44Chart 图表通过给定数据,绘画各种图表的组件
45Circle 进度环图表类组件。一般有两种用途:
显示某项任务进度的百分比
统计某些指标的占比。
46Collapse 折叠面板通过折叠面板收纳内容区域
47ListView 列表视图提供规则排列控件
48Popover 弹出窗组件点击/鼠标移入元素,弹出气泡式的卡片浮层
49QRCode 二维码用于二维码生成
50Search 搜索框用于数据搜索
51Table 表格用于展示多条结构类似的数据,可对数据进行排序、筛选、对比或其他自定义操作,内置超多功能,满足你各种应用场景
52Tag 标签用于标记和选择
53Timeline 时间线可视化地呈现时间流信息
54Tooltip 提示工具条提供鼠标悬停或者获得焦点后显示提示框
55Tree 树形控件用清晰的层级结构展示信息,可展开或折叠
56BarcodeReader 条码扫描本组件通过调用摄像头对条码进行扫描,获取到条码内容条码/QR码
57Camera 摄像头拍照组件本组件通过调用摄像头进行拍照操作
58Handwritten 手写签名桌面浏览器测试请用F12模拟为触摸设备
59消息Alert 警告用于页面中展示重要的提示信息
60Console 控制台控制台组件,一般用于后台任务的输出
61Dialog 对话框组件通过注入服务调用 Show 方法弹出窗口进行人机交互
62Drawer 抽屉呼出一个临时的侧边栏, 可以从多个方向呼出
63Message 消息提示常用于主动操作后的反馈提示。与 Toast 的区别是后者更多用于系统级通知的被动提醒
64Modal 模态框在保留当前页面状态的情况下,告知用户并承载相关操作
65Light 指示灯提供各种状态的指示灯
66Popconfirm 气泡确认框点击元素,弹出气泡确认框
67Progress 进度条用于展示操作进度,告知用户当前状态和预期
68Spinner 旋转图标加载数据时显示动效
69SweetAlert 弹窗组件模态对话框,多用于动作过程中进行询问后继续,或者显示执行结果
70Toast 轻量弹窗提供轻量级 Toast 弹窗
71Timer 计时器用于时间倒计时
∨ 展开