blazor maui
MAUI中使用ECharts数据可视化显示
一、ECharts简介 ECharts是一款基于JavaScript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。ECharts最初由百度团队开源，ECharts 遵循 Apache-2.0 开源协议，免费商用。 官网：https://echarts.apache.org ......
MASA MAUI APP前端监控指南
MAUI Blazor 接入到 OpenTelemetry 近期由于我们APP项目(MAUI+Masa Blazor)，需要做运营数据采集埋点，经过综合考虑后，决定采用接入OpenTelemetry SDK的方式，由于目前OpenTelemetry的可测性大部分都是基于后端api的，所以我们也对MA ......
Blazor Server：现代 Web 开发的新视角
随着 Web 技术的快速发展，Blazor Server 正在成为现代 Web 开发的一个热门话题。作为一种新兴的 Web 框架，Blazor Server 利用了 .NET 的强大功能，为开发者提供了一种新的构建互动式 Web 应用的方式。本文将深入探讨 Blazor Server 的主要优势和适 ......
MAUI Blazor 如何通过url使用本地文件
前言 上一篇文章 MAUI Blazor 显示本地图片的新思路 中, 提出了通过webview拦截，从而在前端中显示本地图片的思路。不过当时还不完善，随后也发现了很多问题。比如， 不同平台上的url不统一。这对于需要存储图片路径并且多端互通的需求来说，并不友好。至少 FileSystem.AppDa ......
一个Blazor+WinForm+MAUI+PDA实现的条码比对系统
条码比对系统是由单机版桌面软件和Android版的PDA扫码软件组成，桌面软件采用Blazor与WinForm进行混合开发，PDA扫码软件采用MAUI进行开发，这个项目都是基于.NET技术进行构建，这也是将近期学习Blazor和MAUI这两门技术应用到实践当中。 1. 项目背景 朋友公司外仓发货时把 ......
在WPF/MAUI中使用x:Bind
最近逛GitHub的时候的时候，偶然看到了CompiledBindings这个库，据说可以实现和UWP中x:Bind一样的效果 原理也是在编译时生成相关代码，性能应该比自带的Binding好些 使用 从NuGet中安装: 安装完成后，可直接在XAML中使用x:Bind 使用方法类似于UWP，无需设置 ......
.NET MAUI Android 对接商米移动手持终端打印JAVA SDK
一、前言（整个流程除了调整打印模板位子，操作下来还是挺快的 几分钟就搞定，文章图片比较多大家可能感觉操作比较麻烦，其实挺简单的） 因甲方需求，需要对现项目进行升级，需要增加移动手持终端进行巡检，巡检时还需要对商品进行抽检并打印热敏不干胶标签进行贴到抽样样品上。在这样的背景下便在JD进行了采样，进行技 ......
再学Blazor——组件建造者
使用 RenderTreeBuilder 创建组件是 Blazor 的一种高级方案。前几篇文中有这样创建组件的示例 builder.Component<MyComponent>().Build(); ，本文主要介绍该高级方案的具体实现，我们采用测试驱动开发（TDD）方法，大致思路如下： 从测试示例入 ......
Maui Blazor 安卓Android 多选照片以及快速显示照片
1. 本文感谢两位大佬提供相关教程，相关文章和具体实现原理请参考如下链接: Sunday866: MASA MAUI Plugin （八）Android相册多选照片（Intent 方式): https://www.cnblogs.com/sunday866/p/17331295.html YU-CO ......
在 Blazor WASM 中手撸一个.NET MD5类
最近.net8 blazor auto大火, 我也玩了一下,发现ssr能用的代码 MD5 类在wasm是没法用的. 于是搜索了一下互联网,找到了一份代码,分享给大家. 我找到的帖子作者原话: 代码不是我的，但我确实稍微修改了它以使其与 System.Security.Cryptography.MD5 ......
MAUI Sqlite数据库的使用
1、安装1） Nuget中搜索sqlite-net-pcl安装2） 搜索安装sqlitepclraw.bundle_green 2、使用FileSystem.AppDataDirectory：获取可存储应用数据的位置1） 建一个常量类，方便使用，文件名constants.cs 2） 再在servic ......
.NET8 Blazor新特性 流式渲染
什么是SSR Blazor中的流式渲染结合了SSR（服务端渲染），服务端将HTML拼好返回给前端，有点像我们熟知的Razor Pages 或 MVC 。 当已经有了 Razor Pages 或 MVC 时，为什么还要选择使用 Blazor 来实现这一点？这里有几个原因。 首先，Razor Pages ......
.NET8 Blazor的Auto渲染模式的初体验
.NET8发布后，Blazor支持四种渲染方式 静态渲染，这种页面只可显示，不提供交互，可用于网页内容展示 使用Blazor Server托管的通过Server交互方式 使用WebAssembly托管的在浏览器端交互方式 使用Auto自动交互方式，最初使用 Blazor Server，并在随后访问时 ......
MAUI + MASA Blazor .NET8 升级指南
目录前言准备1、首先确保已经将VS升级到Visual Studio 2022 17.8版本以上。2、下载安装.NET8.0升级项目1、将项目的目标.NET运行时修改为.NET8.02、添加依赖包引用3、升级依赖包4、升级Xcode5、测试打包 前言 .NET8 修复了MAUI中的很多Bug，还增加了 ......
MAUI + MASA Blazor .NET8 升级指南
目录前言准备1、首先确保已经将VS升级到Visual Studio 2022 17.8版本以上。2、下载安装.NET8.0升级项目1、将项目的目标.NET运行时修改为net8.02、添加依赖包引用3、升级依赖包4、升级Xcode5、测试打包 前言 Net8 修复了MAUI中的很多Bug，还增加了很多 ......
Photino.Blazor 升级.net8.0 记事
趁着Photino.Blazor作者还没升级.net 8之际，我发布版将photino.Blazor-2.6.0发布版升级到.Net 8。 1首先下载photino.Blazor-2.6.0的发布版 https://github.com/tryphotino/photino.Blazor/relea ......
C# 12 Blazor入门教程
Blazor简介 Blazor 是由Microsoft开发的一款基于.NET的开源交互式Web UI框架。Blazor使开发人员能够使用C#和HTML建立全堆栈的单页应用程序，并避免使用JavaScript。Blazor基于组件模型，该模型提供了以具有强类型的符合Razor标准的页面和组件的形式构建 ......
.Net8 Blazor 尝鲜
全栈 Web UI 随着 .NET 8 的发布，Blazor 已成为全堆栈 Web UI 框架，可用于开发在组件或页面级别呈现内容的应用，其中包含： 用于生成静态 HTML 的静态服务器呈现。 使用 Blazor Server 托管模型的交互式服务器呈现。 使用 Blazor WebAssembly ......
MAUI使用MVVM代码步骤
1、安装nuget包 CommunityToolkit.Mvvm 2、新建ViewModel类 public class UserViewModel : ObservableObject { private UserModel _userModel; private string _username ......
MAUI Blazor学习10-BarcodeScanner扫描二维码
MAUI Blazor学习10-BarcodeScanner扫描二维码 MAUI Blazor系列目录 MAUI Blazor学习1-移动客户端Shell布局 - SunnyTrudeau - 博客园 (cnblogs.com) MAUI Blazor学习2-创建移动客户端Razor页面 - Sun ......
blazor上传excel
<div class="ant-upload ant-upload-select-text ant-upload-drag ant-upload-select"> <InputFile style="position: absolute;width: 100%;height: 100%;opacit ......
使用Blazor构建投资回报计算器
本文由葡萄城技术团队原创并首发。转载请注明出处：葡萄城官网，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。 前言 本博客中创建的投资计算器根据存入金额和回报率计算每个投资周期的特定回报。作为累积衡量标准，它计算指定时间内赚取的总利息以及当前投资的未来价值。以下是我们将在接下来的部分中 ......
[MAUI]深入了解.NET MAUI Blazor与Vue的混合开发
@目录Vue在混合开发中的特点创建MAUI项目创建Vue应用使用element-ui组件库JavaScript和原生代码的交互传递根组件参数从设备调用Javascript代码从Vue页面调用原生代码读取设备信息项目地址 .NET MAUI结合Vue的混合开发可以使用更加熟悉的Vue的语法代替Blaz ......
再学Blazor——组件
Blazor 应用基于组件，组件可以复用和嵌套。本文内容如下： 组件类 组件嵌套 组件参数 组件对象 1. 组件类 所有组件都是继承 ComponentBase 组件基类，razor 文件默认继承 ComponentBase 类。 ComponentBase 实现组件的最低抽象，IComponent ......
Blazor获取组件变量值
提问 如何获取Blazor组件变量值 回答 给组件添加@ref，即可在父组件中获取子组件内容 示例 父组件引用子组件 // 声明子组件 private SelectEquips _selectEquips = null!; //使用子组件 <GridCol Span="16"> <SelectEqu ......
MASA MAUI 预览Office文件
目录背景介绍1、新建MAUI Blazor项目2、创建OfficeViewer.razor组件3、使用安卓模拟器运行4、兼容iOS总结 背景 接到一个在Maui中预览Office文件的需求，包含excel、word、PDF三种常见的文件，经过技术选型，最后选择了微软原生支持的office在线预览Ap ......
再学Blazor——扩展方法
上篇提到 Blazor 组件的高级写法，是采用扩展方法对 HTML 元素和组件进行扩展，以便于书写组件结构和代码阅读。本篇主要介绍扩展方法实现的思路。 什么是扩展方法 要扩展哪个类 扩展方法的实现 1. 什么是扩展方法 若要对一个 C# 类型添加新方法，一是修改源码，二是派生类，三是扩展方法。前两者 ......
Xamarin C#把jar包转换为dll，然后.NET MAUI项目引入dll使用，.NET MAUI使用jar包
1.VS2022，首先安装Xamarin，打开Visual Studio Installer，修改VS的功能，有个.NET Multi-platform App UI 开发，右侧树形结构中勾选Xamarin2.创建项目：Android 绑定库(Xamarin)，把jar包复制到项目的Jars文件夹下 ......
.NET MAUI播放音频文件
.NET MAUI我基本都是参考Android代码改造来的，官方文档 = 废品。参考：https://blog.csdn.net/wxzjn1027/article/details/82345604需要注意的是，流的加载过程是一个将音频解压为原始16位PCM数据的过程，由一个后台线程来进行处理异步， ......
再学Blazor——概述
简介 Blazor 是一种 .NET 前端 Web 框架，同时支持服务器端呈现和客户端交互性。 使用 C# 语言创建丰富的交互式 UI 共享前后端应用逻辑 可以生成混合桌面和移动应用 受益于 .NET 的性能、可靠性和安全性 需要有 HTML、CSS、JS 相关基础（开发 UI 框架的话） 组件化设 ......