Maui Blazor 中文社区 QQ群:645660665

随笔分类 -  Blazor

摘要:接上篇: B08. BootstrapBlazor实战 Menu 导航菜单使用(1) 实战BootstrapBlazorMenu 导航菜单的使用, 以及整合Freesql orm快速制作菜单项数据库后台维护页面 BootstrapBlazor 是 Bootstrap 风格的 Blazor UI 组件 阅读全文
posted @ 2022-04-26 07:44 AlexChow 阅读(1103) 评论(2) 推荐(6) 编辑
摘要:实战BootstrapBlazorMenu 导航菜单的使用, 以及整合Freesql orm快速制作菜单项数据库后台维护页面 BootstrapBlazor 是 Bootstrap 风格的 Blazor UI 组件库 基于 Bootstrap 样式库精心打造,并且额外增加了 100 多种常用的组件, 阅读全文
posted @ 2022-04-25 08:33 AlexChow 阅读(2057) 评论(2) 推荐(3) 编辑
摘要:类型化参数 我们已经看到我们可以将Options参数作为匿名对象传递给构造函数,但我们真的很想使用类型化对象来获得类型安全编程的优点。Options我们首先为仅定义placement字段的类型构造一个新类。 public class Options { [JsonPropertyName("plac 阅读全文
posted @ 2022-04-20 02:02 AlexChow 阅读(166) 评论(1) 推荐(1) 编辑
摘要:轻量级 Toast 弹窗 DEMO https://www.blazor.zone/toasts 基础用法: 用户操作时,右下角给予适当的提示信息 <ToastBox class="d-block" Options="@Options1" /> @code{ Options1 = new Toast 阅读全文
posted @ 2022-04-17 07:49 AlexChow 阅读(755) 评论(0) 推荐(0) 编辑
摘要:通知组件 通过浏览器API发送通知信息 , 桌面浏览器表现为右下角系统提示框弹出消息, 移动浏览器表现为弹窗或者到消息列表, blazor页面不在前台也可以通过本组件提醒用户. DEMO https://www.blazor.zone/notifications 小提示 注意: 出于安全考虑,当网页 阅读全文
posted @ 2022-04-16 05:03 AlexChow 阅读(448) 评论(0) 推荐(1) 编辑
摘要:Blazor Bootstrap 组件库地理定位/移动距离追踪组件介绍地理定位/移动距离追踪组件 通过浏览器 API 获取定位信息 阅读全文
posted @ 2022-04-15 02:54 AlexChow 阅读(391) 评论(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 阅读(483) 评论(0) 推荐(0) 编辑
摘要:Speech 语音识别与合成 通过麦克风语音采集转换为文字(STT),或者通过文字通过语音朗读出来(TTS) 本组件依赖于 BootstrapBlazor.AzureSpeech,使用本组件时需要引用其组件包 Demo https://www.blazor.zone/speechs Nuget 包安 阅读全文
posted @ 2022-04-13 09:21 AlexChow 阅读(1285) 评论(11) 推荐(12) 编辑
摘要:Blazor WebAssembly 渐进式 Web 应用程序 (PWA) 离线处理数据Blazor 渐进式 Web 应用 (PWA) 是一种单页应用程序 (SPA),它使用新式浏览器 API 和功能以表现得如桌面应用 阅读全文
posted @ 2022-04-12 01:57 AlexChow 阅读(843) 评论(1) 推荐(3) 编辑
摘要:在很多上传文件的应用实例中, 都可以看到[拖放文件到此上传]这种骚功能 ,今天我们就来试试Blazor能不能完成这个想法. 原文链接:https://www.cnblogs.com/densen2014/p/16128246.html 简述HTML5拖放 拖放是HTML5标准的一部分,任何元素都能够 阅读全文
posted @ 2022-04-11 00:02 AlexChow 阅读(801) 评论(1) 推荐(6) 编辑
摘要:使用Brotli提高网站访问速度 在优化网站打开速度上,我们有很多的方法,而其中一个就是减少诸如Javascript和CSS等资源文件的大小,而减少文件大小的方法除了在代码上下功夫外,最常用的方法就是使用压缩算法对文件进行压缩。 目前,网站普遍使用的是gzip压缩算法,但是最近两年新兴了一个新的压缩 阅读全文
posted @ 2022-04-09 08:11 AlexChow 阅读(1761) 评论(1) 推荐(2) 编辑
摘要:前言 在应用程序开发的过程中,有的时候需要在代码中保存一些机密的信息,比如微信appkey, 连接字符串,加密密钥,字符串,或者是用户名密码等。通常的做法是保存到一个配置文件中,例如 appsettings.json, 以之前文章"Blazor组件自做五: 使用JS隔离封装Google地图" 为例 阅读全文
posted @ 2022-04-08 08:44 AlexChow 阅读(480) 评论(0) 推荐(4) 编辑
摘要:Blazor 简介 Blazor 是一个使用 .NET 生成的交互式客户端 Web UI 的框架。和前端同学所熟知的 Vue、React、Angular 有巨大差异。 其最大的特色是使用 C# 代码(理论上可以是 .NET 生态的任何语言)代替 JavaScript 来实现逻辑。 使用 C# 代替 阅读全文
posted @ 2022-04-07 05:04 AlexChow 阅读(825) 评论(0) 推荐(3) 编辑
摘要:在实际使用中,我们经常会遇到需要把程序界面多种语言切换,适应不同地区使用者的需求,本文介绍一个我初学Blazor接触到的库,边撸边讲解. 包名: Toolbelt.Blazor.I18nText https://github.com/jsakamoto/Toolbelt.Blazor.I18nTex 阅读全文
posted @ 2022-04-06 10:09 AlexChow 阅读(1224) 评论(2) 推荐(3) 编辑
摘要:1.本文主要内容为给Blazor工程构建通用导入导出服务类 基础工程构建取自 [BootstrapBlazor实战 10分钟编写数据库维护] 项目,使用到的orm为freesql,导入导出库为Magicodes.IE,还有封装了Table组件的内存数据服务LazyHeroDataService的De 阅读全文
posted @ 2022-04-05 12:45 AlexChow 阅读(905) 评论(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 阅读(579) 评论(0) 推荐(3) 编辑
摘要:BootstrapBlazor组件 Chart 图表介绍 通过给定数据,绘画各种图表的组件 本文主要介绍三种图表使用:折线图,柱状图,饼图 1.新建工程 新建工程b06chart,使用 nuget.org 进行 BootstrapBlazor 组件安装, Chart 库,字体. 将项目添加到解决方案 阅读全文
posted @ 2022-04-03 10:34 AlexChow 阅读(1582) 评论(0) 推荐(2) 编辑
摘要:继续上篇实战BootstrapBlazor树型控件Tree内容, 本篇主要讲解整合Freesql orm快速制作数据库后台维护页面 BootstrapBlazor 是 Bootstrap 风格的 Blazor UI 组件库 基于 Bootstrap 样式库精心打造,并且额外增加了 100 多种常用的 阅读全文
posted @ 2022-04-02 07:44 AlexChow 阅读(437) 评论(0) 推荐(2) 编辑
摘要:实战BootstrapBlazor树型控件Tree的使用, 以及整合Freesql orm快速制作数据库后台维护页面 BootstrapBlazor 是 Bootstrap 风格的 Blazor UI 组件库 基于 Bootstrap 样式库精心打造,并且额外增加了 100 多种常用的组件,为您快速 阅读全文
posted @ 2022-04-01 05:41 AlexChow 阅读(880) 评论(6) 推荐(3) 编辑
摘要:接上篇 Blazor组件自做九: 用20行代码实现文件上传,浏览目录功能 (2) 7. 使用配置文件指定监听地址 打开 appsettings.json 文件,加入一行 "UseUrls": "http://localhost:8000;http://0.0.0.0:8000;", 完整文件如下 { 阅读全文
posted @ 2022-03-31 08:36 AlexChow 阅读(559) 评论(3) 推荐(1) 编辑