BootstrapBlazor.Bluetooth
8.0.2
Prefix Reserved
dotnet add package BootstrapBlazor.Bluetooth --version 8.0.2
NuGet\Install-Package BootstrapBlazor.Bluetooth -Version 8.0.2
<PackageReference Include="BootstrapBlazor.Bluetooth" Version="8.0.2" />
paket add BootstrapBlazor.Bluetooth --version 8.0.2
#r "nuget: BootstrapBlazor.Bluetooth, 8.0.2"
// Install BootstrapBlazor.Bluetooth as a Cake Addin #addin nuget:?package=BootstrapBlazor.Bluetooth&version=8.0.2 // Install BootstrapBlazor.Bluetooth as a Cake Tool #tool nuget:?package=BootstrapBlazor.Bluetooth&version=8.0.2
Blazor Bluetooth & Printer 蓝牙和打印 组件
1. 蓝牙打印机 Printer
2. 蓝牙心率带 Heart Rate
3. 蓝牙设备电量 Battery Level
4. 蓝牙特征通知 Notification
示例
https://www.blazor.zone/bluetooth
https://blazor.app1.es/bluetooth
使用方法:
nuget包
BootstrapBlazor.Bluetooth
_Imports.razor 文件 或者页面添加 添加组件库引用
@using BootstrapBlazor.Components
Razor页面
蓝牙打印机 BT Printer
https://github.com/densen2014/Densen.Extensions/blob/master/Demo/DemoShared/Pages/BtPrinterPage.razor@using BootstrapBlazor.Components <Printer OnResult="OnResult" ShowUI="true" Debug="true" />
@using BootstrapBlazor.Components <button class="btn btn-outline-secondary" @onclick="GetHeartrate ">查询心率</button> <button class="btn btn-outline-secondary" @onclick="StopHeartrate ">停止读取</button> <Heartrate @ref="heartrate" OnUpdateValue="OnUpdateValue" /> <h2 style="color:red" data-action="heartrate"/> @code{ Heartrate heartrate { get; set; } = new Heartrate(); private int? value; private Task OnUpdateValue(int value) { this.value = value; StateHasChanged(); return Task.CompletedTask; } }
@using BootstrapBlazor.Components <button class="btn btn-outline-secondary" @onclick="GetBatteryLevel ">查询电量</button> <BatteryLevel @ref="batteryLevel" OnUpdateValue="OnUpdateValue" /> <pre>@message</pre> @code{ Heartrate heartrate { get; set; } = new Heartrate(); private int? value; private Task OnUpdateValue(decimal value) { this.value = value; this.statusmessage = $"设备电量{value}%"; StateHasChanged(); return Task.CompletedTask; } }
更多信息请参考
Bootstrap 风格的 Blazor UI 组件库 基于 Bootstrap 样式库精心打造,并且额外增加了 100 多种常用的组件,为您快速开发项目带来非一般的感觉
Blazor Printer component
1. Printer
2. Heart Rate
3. Battery Level
4. Notification
Demo
https://www.blazor.zone/bluetooth
https://blazor.app1.es/bluetooth
Instructions:
NuGet install pack
BootstrapBlazor.Bluetooth
_Imports.razor or Razor page
@using BootstrapBlazor.Components
Razor page
@using BootstrapBlazor.Components <Printer OnResult="OnResult" ShowUI="true" Debug="true" />
Heart rate
@using BootstrapBlazor.Components <button class="btn btn-outline-secondary" @onclick="GetHeartrate ">查询心率</button> <button class="btn btn-outline-secondary" @onclick="StopHeartrate ">停止读取</button> <Heartrate @ref="heartrate" OnUpdateValue="OnUpdateValue" /> <h2 style="color:red" data-action="heartrate"/> @code{ Heartrate heartrate { get; set; } = new Heartrate(); private int? value; private Task OnUpdateValue(int value) { this.value = value; StateHasChanged(); return Task.CompletedTask; } }
Battery Level
https://github.com/densen2014/Densen.Extensions/blob/master/Demo/DemoShared/Pages/BtBatteryLevelPage.razor@using BootstrapBlazor.Components <button class="btn btn-outline-secondary" @onclick="GetBatteryLevel ">查询电量</button> <BatteryLevel @ref="batteryLevel" OnUpdateValue="OnUpdateValue" /> <pre>@message</pre> @code{ Heartrate heartrate { get; set; } = new Heartrate(); private int? value; private Task OnUpdateValue(decimal value) { this.value = value; this.statusmessage = $"设备电量{value}%"; StateHasChanged(); return Task.CompletedTask; } }
More informations
Bootstrap style Blazor UI component library Based on the Bootstrap style library, it is carefully built, and 100 a variety of commonly used components have been added to bring you an extraordinary feeling for rapid development projects
Blazor 组件
AlexChow
Product | Versions Compatible and additional computed target framework versions. |
---|---|
.NET | net6.0 is compatible. net6.0-android was computed. net6.0-ios was computed. net6.0-maccatalyst was computed. net6.0-macos was computed. net6.0-tvos was computed. net6.0-windows was computed. net7.0 is compatible. net7.0-android was computed. net7.0-ios was computed. net7.0-maccatalyst was computed. net7.0-macos was computed. net7.0-tvos was computed. net7.0-windows was computed. net8.0 is compatible. net8.0-android was computed. net8.0-browser was computed. net8.0-ios was computed. net8.0-maccatalyst was computed. net8.0-macos was computed. net8.0-tvos was computed. net8.0-windows was computed. |
-
net6.0
- Microsoft.AspNetCore.Components.Web (>= 6.0.0)
-
net7.0
- Microsoft.AspNetCore.Components.Web (>= 7.0.0)
-
net8.0
- Microsoft.AspNetCore.Components.Web (>= 8.0.0)
NuGet packages (3)
Showing the top 3 NuGet packages that depend on BootstrapBlazor.Bluetooth:
Package | Downloads |
---|---|
BlazorShared
BlazorMaui , 整合Blazor,BootstrapBlazor UI组件库,Maui的共享跨平台工程示例共享库 |
|
BootstrapBlazor.Densen.All
Blazor 组件懒人包 |
|
BootstrapBlazor.Shared
Package Description |
GitHub repositories (2)
Showing the top 2 popular GitHub repositories that depend on BootstrapBlazor.Bluetooth:
Repository | Stars |
---|---|
dotnetcore/BootstrapBlazor
Bootstrap Blazor is an enterprise-level UI component library based on Bootstrap and Blazor.
|
|
densen2014/BlazorMaui
用 c # 和 Razor 创建本机移动应用和桌面应用。使用 Blazor.BB.Maui,可以快速开发共享代码库运行于 Windows (Winforms/WPF/UWP)、Android、iOS、macOS 的应用。
|
Version | Downloads | Last updated | |
---|---|---|---|
8.0.2 | 2,053 | 4/26/2024 | |
8.0.1 | 1,439 | 12/9/2023 | |
8.0.0 | 591 | 11/15/2023 | |
7.1.0 | 1,095 | 9/10/2023 | |
7.0.1 | 4,201 | 12/7/2022 | |
7.0.0 | 871 | 11/9/2022 | |
6.2.1 | 585 | 10/12/2022 | |
6.2.0 | 404 | 10/12/2022 | |
6.1.0 | 440 | 10/12/2022 | |
6.0.7 | 429 | 10/12/2022 | |
6.0.6 | 397 | 10/3/2022 | |
6.0.5 | 420 | 10/3/2022 | |
6.0.4 | 433 | 10/2/2022 | |
6.0.3 | 448 | 10/2/2022 | |
6.0.2 | 481 | 10/2/2022 | |
6.0.1 | 459 | 10/2/2022 | |
6.0.0 | 431 | 10/2/2022 |