blazor专题

C# 开发环境搭建（Avalonia UI、Blazor Web UI、Web API 应用示例）

文章目录 C# 文档.NET SDK 下载安装 .NET SDK安装完验证VS Code 配置C# 开发插件settings.json WPF UI 框架Avalonia UI 框架创建 Avalonia 项目Avalonia 官方示例Avalonia 桌面 UI 库 Blazor Web UI 框架创建应用项目结构 ASP.NET Core 控制器创建 Web APIdotnet 命令do

DevExpress中Blazor部分学习

DevExpress中Blazor学习 1 DevExpress版本2 学习步骤2.1 查看Dev相应的Demo2.2 创建第一个相关应用2.3 使用XPO进行相关数据操作2.4 Dev Blazor使用XPO操作 3 学习中遇到问题及解决方案3.1 打开Dev相关Demo报错 1 DevExpress版本安装较新的DevExpress，我这边使用的是24.1.*版 2

Blazor js和c#互操作

c# 操作js 定义js变量 <img id="blazor_logo" />await js.InvokeVoidAsync("eval", "myimage = document.getElementById('blazor_logo')"); js 操作c#

Blazor 中基于角色的授权

介绍 Blazor用于使用 .NET 代码库创建交互式客户端 Web UI。Microsoft 默认在 Blazor 应用程序中提供了一个用于身份验证和授权的身份框架。请注意，他们目前使用 MVC Core Razor 页面作为身份验证 UI。使用“Microsoft.AspNetCore.Identity.UI”包库来实现这一点。将来，他们可能会用 Razor 组件替换它。在这篇文章中，我们可

在同一个 Blazor 应用中结合 SQL-DB 和 MongoDB

介绍传统上，在单应用程序中，我们对整个应用程序使用单个数据库服务器。但是，我将 SQL 数据库和 MongoDB 结合在同一个应用程序中。此应用程序将是 RDBMS 和 No SQL 数据库的组合。我们将从头开始创建一个 Blazor 应用程序，并使用数据迁移创建一个 SQL 数据库和一个表。我们将使用此 SQL DB 来保存员工数据。我们将使用 MongoDB 数据库来保存城市数据。我们可以

从.NET8开始，Blazor引入了SSR服务端渲染，归功于MVC和RazePage的沉淀，虽然来得晚，但一经发布，就将Blazor推向了新的高度。从今年开始，Youtube上关于Blazor的优质教学视频，以肉眼可见的速度在增加，说明有更多人愿意学习和传播Blazor。Vue和Nuxt.js我都有在用，技术层面，我认为完全是可以去Battle一下的。大家不要停留在BlazorWebAssembl

.net8 blazor auto模式很爽（五）读取sqlite并显示（1）

为了访问sqlite，我们需要在Nuget中安装Microsoftr的EntityFrameworkCore、EntityFrameworkCore.Sqlite、EntityFrameworkCore.Sqlite.Core 在SharedLibrary的Models里增加employee using System;using System.Collections.Gener

.net8 blazor auto模式很爽（五）读取sqlite并显示（2）

在BlazorApp1增加文件夹data，里面增加类dbcont using SharedLibrary.Models;using System.Collections.Generic;using Microsoft.EntityFrameworkCore;namespace BlazorApp1.data{public class dbcont : DbContext{public db

Blazor 统一处理异常

每个代码段都去写 try catch 当然不可取，因为总会有疏漏的地方吧，如果有些遗留，那么很容易造成 bug 无迹可循，甚至有时候看windows日志也看不到痕迹，现在就考虑做一个统一处理异常并捕获的地方建立一个类，ExceptionHandlingMiddleware 作为异常处理的中间件 public class ExceptionHandlingMiddleware{priv

尝试使用blazor（二）Blazor WebAssembly（WASM）与Server之间有什么区别？

要使用Blazor，你得先选择一种模式，因为它有两种模式。Blazor网络框架允许将Razor组件以不同的方式托管。它们可以在ASP.NET Core（Blazor Server）中在服务器端运行，也可以在基于WebAssembly的.NET运行时在浏览器中在客户端运行（Blazor WebAssembly或Blazor WASM）。在服务器端托管模型（Blazor

Bootstrap blazor中改变table组件中鼠标经过时行的背景色

在table组件中，有个行高亮的设置，但是它是基于内容的行高亮，至于怎么在鼠标经过时行高亮就没有说了，百度上好多针对这方面设置的内容都是无效的，可能对以前的版本有效果吧。自定义行高亮通过设置 SetRowClassFormatter 属性值可以实现通过行数据逻辑对行样式进行设置,实现自己高亮需求功能，这段 css还是非常有用的。 .row-highlight {--bs-table-s

Blazor入门-连接MySQL的简单例子：列出数据+简单查询

参考： ASP.NET Core 6.0 Blazor Server APP并使用MySQL数据库_blazor mysql-CSDN博客 https://blog.csdn.net/mzl87/article/details/129199352 本地环境：win10, visual studio 2022 community, mysql 8.0.33 (MySQL Community Ser

Blazor入门-调用js+例子

参考： Blazor入门笔记（3）-C#与JS交互 - 半野 - 博客园 https://www.cnblogs.com/zxyao/p/12638233.html 本地环境：win10, visual studio 2022 community 其他例子写了再更新！调用js函数并传递参数首先要加上@inject IJSRuntime JsRuntime，在需要调用的地方写： v

界面组件DevExpress Blazor UI v23.2新版亮点：图表组件全新升级

DevExpress Blazor UI组件使用了C#为Blazor Server和Blazor WebAssembly创建高影响力的用户体验，这个UI自建库提供了一套全面的原生Blazor UI组件（包括Pivot Grid、调度程序、图表、数据编辑器和报表等）。 DevExpress Blazor控件目前已经升级到v23.2版本了，此版本进一步增强了图表组件、API、编辑器等功能，欢迎下载最

Blazor/Hybird 触屏下单程序调优笔记

环境 Blazor Net8.0 + FreeSql + Bootstrap Blazor 组件以下都是自己瞎琢磨的和官网资料搬运,肯定有不少错漏和不合理的地方,非常希望各位大佬评论区给我建议和意见. 1. 组件化需要提升渲染性能的组件,例如触摸屏显示每个商品下单数量的商品列表避免不必要地呈现组件子树, 执行一些初始化渲染后设置按需渲染, 外部控制按需渲染参数 //按需渲染[Par

自定义Blazor单文件Web程序端口

#接上篇 Mysql快速迁移版的制作过程# 上一篇《Mysql8快速迁移版的制作过程》完成了快速迁移的数据库的准备，今天接着讲基于Blazor的Web程序快速迁移版的制作。单文件发布的难点不在发布而是因为程序系统默认给了个5001的端口，而是如何能够让用户自定义web使用的web端口。 1、还是简单重复一下单文件发布的设置。发布为单文件的好处就是文件少、不需要单独安装运行时，迁移方便

一个 .net 8 + Azure 登录 + Ant Design Blazor 的基本后台框架

一个 .net 8 + Azure 登录 + Ant Design Blazor 的基本后台框架主界面使用了 Ant Design Blazor 项目模板搭建后台技术是 .net 8 Blazor run at server 模式登录方式使用 Azure 实现了菜单导航和路由此外实现了读取和修改本地Json文件的功能，不是必须的，不需要的可以拿掉，我是自己项目需要点击下载由于

[MAUI]集成富文本编辑器Editor.js至.NET MAUI Blazor项目

文章目录获取资源从源码构建从CDN获取获取扩展插件创建项目创建控件创建Blazor组件初始化保存销毁编写渲染逻辑实现只读/编辑功能切换模式获取只读模式状态响应切换事件实现明/暗主题切换项目地址 Editor.js 是一个基于 Web 的所见即所得富文本编辑器，它由CodeX团队开发。之前写过一篇博文专门介绍过这个编辑器，可以回看：开源好用的所见即所得(WYSIWYG)

Blazor Web的登录页

选择c#/所有平台/Web，创建新项目BlazorWebApp。新建LoginModel类： public class LoginModel{public int UID { get; set; }public string Key { get; set; }} 在Components/Pages中新建razor组件Login.razor： @page "/login"@rende

C# blazor 热加载动态调试方法

接下来就可以不用重启项目来调试了，减少了开发时间。 dotnet watch run debug

MAUI+Blazor 如何开启浏览器调试工具

文章目录前言如何开启调试模式输入快捷键打开浏览器有什么意义？前言 MAUI+Blazor其实就是浏览器套壳，我觉得很有意义，因为现在性能已经不是主要的限制了，很多时候讲究的快速开发。而且MAUI+Blazor跨平台的未来感觉实在是太香了。但是就是没有工作，目前处于.NET 程序员自嗨状态如何开启调试模式将浏览器开发人员工具与 ASP.NET Core Blazor H

Blazor OIDC 单点登录授权实例5 - 独立SSR App (net8 webapp ) 端授权

目录: OpenID 与 OAuth2 基础知识Blazor wasm Google 登录Blazor wasm Gitee 码云登录Blazor OIDC 单点登录授权实例1-建立和配置IDS身份验证服务Blazor OIDC 单点登录授权实例2-登录信息组件wasmBlazor OIDC 单点登录授权实例3-服务端管理组件Blazor OIDC 单点登录授权实例4 - 部署服务端/独立WAS

Blazor 子组件交互例子

源码子组件 SwitchBar.razor @using Microsoft.Extensions.Logging@inject ILogger<Index> Logger<div style="@ClassString" @onclick="OnClick">@ChildContent</div>@code {[Parameter]public RenderFragment? Chi

Blazor SSR/WASM IDS/OIDC 单点登录授权实例3-服务端管理组件

目录: OpenID 与 OAuth2 基础知识Blazor wasm Google 登录Blazor wasm Gitee 码云登录Blazor SSR/WASM IDS/OIDC 单点登录授权实例1-建立和配置IDS身份验证服务Blazor SSR/WASM IDS/OIDC 单点登录授权实例2-登录信息组件wasmBlazor SSR/WASM IDS/OIDC 单点登录授权实例3-服务端

Blazor Wasm Gitee 码云登录

目录: OpenID 与 OAuth2 基础知识Blazor wasm Google 登录Blazor wasm Gitee 码云登录Blazor SSR/WASM IDS/OIDC 单点登录授权实例1-建立和配置IDS身份验证服务Blazor SSR/WASM IDS/OIDC 单点登录授权实例2-登录信息组件wasmBlazor SSR/WASM IDS/OIDC 单点登录授权实例3-服务端

在 Blazor WASM 中手撸一个.NET MD5类

最近.net8 blazor auto大火, 我也玩了一下,发现ssr能用的代码 MD5 类在wasm是没法用的. 于是搜索了一下互联网,找到了一份代码,分享给大家. 我找到的帖子作者原话: 代码不是我的，但我确实稍微修改了它以使其与 System.Security.Cryptography.MD5 类更加一致。 public static class MD5{public static b