Maui Blazor 中文社区 QQ群:645660665

随笔分类 -  BootstrapBlazor

摘要:使用 C# 建立一套用 Blazor 技术的单个共享代码库, HTML 和 CSS的交互式 UI, 可以直接生成多端应用程序 APP Blazor Hybrid 支持内置于 .NET 多平台应用 UI (.NET MAUI) 框架。 .NET MAUI 包含 BlazorWebView 控件,该控件运行将 Razor 组件呈现到嵌入式 Web View 中。 通过结合使用 .NET MAUI 和 Blazor,可以跨移动设备、桌面设备和 Web 重复使用一组 Web UI 组件。Blazor Hybrid 应用可以使用 Windows Presentation Foundation (WPF) 和 Windows 窗体构建。 Blazor 为这两个框架提供 BlazorWebView 控件。 Razor 组件在 Windows 桌面本机运行并呈现到嵌入式 Web View。 通过在 WPF 和 Windows 窗体中使用 Blazor,可以将新的 UI 添加到现有的 Windows 桌面应用,这些应用可以跨具有 .NET MAUI 的平台或在 Web 上重复使用。 阅读全文
posted @ 2022-05-07 07:43 AlexChow 阅读(9292) 评论(3) 推荐(13)
摘要:基础工程使用工程: B08. BootstrapBlazor实战 Menu 导航菜单使用 实战BootstrapBlazorMenu Markdown 编辑器使用, 以及整合Freesql orm快速制作菜单项数据库后台维护页面 BootstrapBlazor 是 Bootstrap 风格的 Blazor UI 组件库 基于 Bootstrap 样式库精心打造,并且额外增加了 100 多种常用的组件,为您快速开发项目带来非一般的感觉 demo演示的是Sqlite驱动,FreeSql支持多种数据库,MySql/SqlServer/PostgreSQL/Oracle/Sqlite/Firebird/达梦/神通/人大金仓/翰高/华为GaussDB/MsAccess 阅读全文
posted @ 2022-05-04 22:27 AlexChow 阅读(1284) 评论(5) 推荐(5)
摘要:接上篇: B08. BootstrapBlazor实战 Menu 导航菜单使用(1) 实战BootstrapBlazorMenu 导航菜单的使用, 以及整合Freesql orm快速制作菜单项数据库后台维护页面 BootstrapBlazor 是 Bootstrap 风格的 Blazor UI 组件 阅读全文
posted @ 2022-04-26 07:44 AlexChow 阅读(1326) 评论(2) 推荐(6)
摘要:实战BootstrapBlazorMenu 导航菜单的使用, 以及整合Freesql orm快速制作菜单项数据库后台维护页面 BootstrapBlazor 是 Bootstrap 风格的 Blazor UI 组件库 基于 Bootstrap 样式库精心打造,并且额外增加了 100 多种常用的组件, 阅读全文
posted @ 2022-04-25 08:33 AlexChow 阅读(2823) 评论(2) 推荐(3)
摘要:轻量级 Toast 弹窗 DEMO https://www.blazor.zone/toasts 基础用法: 用户操作时,右下角给予适当的提示信息 <ToastBox class="d-block" Options="@Options1" /> @code{ Options1 = new Toast 阅读全文
posted @ 2022-04-17 07:49 AlexChow 阅读(966) 评论(0) 推荐(0)
摘要:通知组件 通过浏览器API发送通知信息 , 桌面浏览器表现为右下角系统提示框弹出消息, 移动浏览器表现为弹窗或者到消息列表, blazor页面不在前台也可以通过本组件提醒用户. DEMO https://www.blazor.zone/notifications 小提示 注意: 出于安全考虑,当网页 阅读全文
posted @ 2022-04-16 05:03 AlexChow 阅读(528) 评论(0) 推荐(1)
摘要:Blazor Bootstrap 组件库地理定位/移动距离追踪组件介绍地理定位/移动距离追踪组件 通过浏览器 API 获取定位信息 阅读全文
posted @ 2022-04-15 02:54 AlexChow 阅读(436) 评论(0) 推荐(2)
摘要:1.新建工程 新建工程bb001 dotnet new blazorserver -o bb001 将项目添加到解决方案中: dotnet sln add bb001/bb001.csproj 使用 nuget.org 进行 BootstrapBlazor 组件安装, FreeSql sqlite库 阅读全文
posted @ 2022-04-15 02:27 AlexChow 阅读(552) 评论(0) 推荐(0)
摘要:Speech 语音识别与合成 通过麦克风语音采集转换为文字(STT),或者通过文字通过语音朗读出来(TTS) 本组件依赖于 BootstrapBlazor.AzureSpeech,使用本组件时需要引用其组件包 Demo https://www.blazor.zone/speechs Nuget 包安 阅读全文
posted @ 2022-04-13 09:21 AlexChow 阅读(1432) 评论(11) 推荐(12)
摘要:Blazor 简介 Blazor 是一个使用 .NET 生成的交互式客户端 Web UI 的框架。和前端同学所熟知的 Vue、React、Angular 有巨大差异。 其最大的特色是使用 C# 代码(理论上可以是 .NET 生态的任何语言)代替 JavaScript 来实现逻辑。 使用 C# 代替 阅读全文
posted @ 2022-04-07 05:04 AlexChow 阅读(1062) 评论(0) 推荐(3)
摘要:1.本文主要内容为给Blazor工程构建通用导入导出服务类 基础工程构建取自 [BootstrapBlazor实战 10分钟编写数据库维护] 项目,使用到的orm为freesql,导入导出库为Magicodes.IE,还有封装了Table组件的内存数据服务LazyHeroDataService的De 阅读全文
posted @ 2022-04-05 12:45 AlexChow 阅读(1131) 评论(0) 推荐(1)
摘要:接上篇 BootstrapBlazor实战 Chart 图表使用(1) 13.添加必备的库 使用 nuget.org 进行 BootstrapBlazor 组件安装, FreeSql库,Newtonsoft.Json dotnet add b06chart package Densen.FreeSq 阅读全文
posted @ 2022-04-04 08:09 AlexChow 阅读(719) 评论(0) 推荐(3)
摘要:BootstrapBlazor组件 Chart 图表介绍 通过给定数据,绘画各种图表的组件 本文主要介绍三种图表使用:折线图,柱状图,饼图 1.新建工程 新建工程b06chart,使用 nuget.org 进行 BootstrapBlazor 组件安装, Chart 库,字体. 将项目添加到解决方案 阅读全文
posted @ 2022-04-03 10:34 AlexChow 阅读(1937) 评论(0) 推荐(2)
摘要:继续上篇实战BootstrapBlazor树型控件Tree内容, 本篇主要讲解整合Freesql orm快速制作数据库后台维护页面 BootstrapBlazor 是 Bootstrap 风格的 Blazor UI 组件库 基于 Bootstrap 样式库精心打造,并且额外增加了 100 多种常用的 阅读全文
posted @ 2022-04-02 07:44 AlexChow 阅读(654) 评论(0) 推荐(2)
摘要:实战BootstrapBlazor树型控件Tree的使用, 以及整合Freesql orm快速制作数据库后台维护页面 BootstrapBlazor 是 Bootstrap 风格的 Blazor UI 组件库 基于 Bootstrap 样式库精心打造,并且额外增加了 100 多种常用的组件,为您快速 阅读全文
posted @ 2022-04-01 05:41 AlexChow 阅读(1267) 评论(6) 推荐(3)
摘要:Bootstrap Blazor 实战 10分钟编写数据库维护项目BootstrapBlazor 是 Bootstrap 风格的 Blazor UI 组件库 基于 Bootstrap 样式库精心打造,并且额外增加了 100 多种常用的组件,为您快速开发项目带来非一般的感觉 demo演示的是Sqlite驱动,FreeSql支持多种数据库,MySql/SqlServe 阅读全文
posted @ 2022-03-27 08:49 AlexChow 阅读(1556) 评论(0) 推荐(3)
摘要:FreeSql的各种工程demo GitHub | Gitee console,winforms nf461,vb,wpf,webapi,workerSevice,signalIR xamarinForm app: ios,android,wpf Blazor,ARM_Console vs2022 阅读全文
posted @ 2022-03-25 02:04 AlexChow 阅读(315) 评论(0) 推荐(2)
摘要:Blazor组件自做二 : 使用JS隔离制作手写签名组件 本文相关参考链接 JavaScript 模块中的 JavaScript 隔离 Viewer.js工程 Blazor组件自做一 : 使用JS隔离封装viewerjs库 Blazor JS 隔离优势 导入的 JS 不再污染全局命名空间。 库和组件 阅读全文
posted @ 2022-03-21 08:26 AlexChow 阅读(891) 评论(0) 推荐(2)