随笔分类 - Blazor / Blazor组件
摘要:接上篇: B08. BootstrapBlazor实战 Menu 导航菜单使用(1) 实战BootstrapBlazorMenu 导航菜单的使用, 以及整合Freesql orm快速制作菜单项数据库后台维护页面 BootstrapBlazor 是 Bootstrap 风格的 Blazor UI 组件
阅读全文
摘要:实战BootstrapBlazorMenu 导航菜单的使用, 以及整合Freesql orm快速制作菜单项数据库后台维护页面 BootstrapBlazor 是 Bootstrap 风格的 Blazor UI 组件库 基于 Bootstrap 样式库精心打造,并且额外增加了 100 多种常用的组件,
阅读全文
摘要:类型化参数 我们已经看到我们可以将Options参数作为匿名对象传递给构造函数,但我们真的很想使用类型化对象来获得类型安全编程的优点。Options我们首先为仅定义placement字段的类型构造一个新类。 public class Options { [JsonPropertyName("plac
阅读全文
摘要:轻量级 Toast 弹窗 DEMO https://www.blazor.zone/toasts 基础用法: 用户操作时,右下角给予适当的提示信息 <ToastBox class="d-block" Options="@Options1" /> @code{ Options1 = new Toast
阅读全文
摘要:通知组件 通过浏览器API发送通知信息 , 桌面浏览器表现为右下角系统提示框弹出消息, 移动浏览器表现为弹窗或者到消息列表, blazor页面不在前台也可以通过本组件提醒用户. DEMO https://www.blazor.zone/notifications 小提示 注意: 出于安全考虑,当网页
阅读全文
摘要:
地理定位/移动距离追踪组件
通过浏览器 API 获取定位信息
阅读全文

摘要:1.新建工程 新建工程bb001 dotnet new blazorserver -o bb001 将项目添加到解决方案中: dotnet sln add bb001/bb001.csproj 使用 nuget.org 进行 BootstrapBlazor 组件安装, FreeSql sqlite库
阅读全文
摘要:Speech 语音识别与合成 通过麦克风语音采集转换为文字(STT),或者通过文字通过语音朗读出来(TTS) 本组件依赖于 BootstrapBlazor.AzureSpeech,使用本组件时需要引用其组件包 Demo https://www.blazor.zone/speechs Nuget 包安
阅读全文
摘要:在很多上传文件的应用实例中, 都可以看到[拖放文件到此上传]这种骚功能 ,今天我们就来试试Blazor能不能完成这个想法. 原文链接:https://www.cnblogs.com/densen2014/p/16128246.html 简述HTML5拖放 拖放是HTML5标准的一部分,任何元素都能够
阅读全文
摘要:Blazor 简介 Blazor 是一个使用 .NET 生成的交互式客户端 Web UI 的框架。和前端同学所熟知的 Vue、React、Angular 有巨大差异。 其最大的特色是使用 C# 代码(理论上可以是 .NET 生态的任何语言)代替 JavaScript 来实现逻辑。 使用 C# 代替
阅读全文
摘要:1.本文主要内容为给Blazor工程构建通用导入导出服务类 基础工程构建取自 [BootstrapBlazor实战 10分钟编写数据库维护] 项目,使用到的orm为freesql,导入导出库为Magicodes.IE,还有封装了Table组件的内存数据服务LazyHeroDataService的De
阅读全文
摘要:接上篇 BootstrapBlazor实战 Chart 图表使用(1) 13.添加必备的库 使用 nuget.org 进行 BootstrapBlazor 组件安装, FreeSql库,Newtonsoft.Json dotnet add b06chart package Densen.FreeSq
阅读全文
摘要:BootstrapBlazor组件 Chart 图表介绍 通过给定数据,绘画各种图表的组件 本文主要介绍三种图表使用:折线图,柱状图,饼图 1.新建工程 新建工程b06chart,使用 nuget.org 进行 BootstrapBlazor 组件安装, Chart 库,字体. 将项目添加到解决方案
阅读全文
摘要:继续上篇实战BootstrapBlazor树型控件Tree内容, 本篇主要讲解整合Freesql orm快速制作数据库后台维护页面 BootstrapBlazor 是 Bootstrap 风格的 Blazor UI 组件库 基于 Bootstrap 样式库精心打造,并且额外增加了 100 多种常用的
阅读全文
摘要:实战BootstrapBlazor树型控件Tree的使用, 以及整合Freesql orm快速制作数据库后台维护页面 BootstrapBlazor 是 Bootstrap 风格的 Blazor UI 组件库 基于 Bootstrap 样式库精心打造,并且额外增加了 100 多种常用的组件,为您快速
阅读全文
摘要:接上篇 Blazor组件自做九: 用20行代码实现文件上传,浏览目录功能 (2) 7. 使用配置文件指定监听地址 打开 appsettings.json 文件,加入一行 "UseUrls": "http://localhost:8000;http://0.0.0.0:8000;", 完整文件如下 {
阅读全文
摘要:接上篇 Blazor组件自做九: 用20行代码实现文件上传,浏览目录功能 (1) 5. 添加目录浏览功能 打开Program.cs文件,在 app.UseStaticFiles(); 之后加入一句 app.UseDirectoryBrowser(); 就可以启动默认的目录浏览功能, 我们这里加入一点
阅读全文
摘要:1. 前言 今天有小伙伴咨询内网环境手机等移动设备怎样快速跟主机交换文件,群友齐齐出力讨论:es文件管理器开web服务,网盘中转,QQ发文件,各种方案各抒己见,好不繁华. 突然想到前段时间Net6正式发布后,带来了一个新的IBrowserFile接口, Blazor 文件上传变得非常便利,小的应用场
阅读全文
摘要:1. 运行截图 演示地址 2. 在文件夹wwwroot/lib,添加kioskboard子文件夹,添加kioskboards.js文件 2.1 常规操作,懒加载js库, 😃 export function addScript(url) { let scriptsIncluded = false;
阅读全文
摘要:1. 运行截图 演示地址 2. 在文件夹wwwroot/lib,添加geolocation子文件夹,添加geolocation.js文件 本组件主要是调用浏览器两个API实现基于浏览器的定位功能,现代桌面和移动端都支持.包括MAUI Blazor 😃 navigator.geolocation.g
阅读全文