组件化是Blazor开发的核心思想，但不少初学者只知道调用现成组件，却不清楚如何动手封装自己的组件。本文将从组件的本质讲起，一步步演示如何创建一个完整的Blazor自定义组件，包括新建razor文件、定义参数属性、处理双向绑定、触发事件回调、渲染子内容等关键环节。文中还会结...

栏目：C#/.NET 时间：09-16 Blazor 自定义组件 组件开发

Blazor 中处理按钮点击事件的核心是通过 @onclick 指令属性将 C# 方法绑定到按钮的 onclick 事件上，语法简洁且全程用 C# 编写，不需要写 JavaScript。本文将从最基础的无参事件方法讲起，逐步介绍带参数的事件回调、事件参数 EventArgs 的使用、异步事件处理 async Task 的写...

栏目：C#/.NET 时间：09-13 Blazor 按钮点击事件 @onclick

Blazor让.NET开发者能够使用C#构建交互式Web界面，而不再依赖JavaScript。它基于组件模型，复用Razor语法与依赖注入体系，把服务端逻辑和前端表现统一在同一种语言中。不过Blazor并非单一运行方式，主要有两种托管模式：Blazor Server与Blazor WebAssembly。Blazor Server通过Sign...

栏目：C#/.NET 时间：08-22 Blazor Blazor Server WebAssembly

在 Blazor 组件里发起 HTTP 请求或执行长耗时运算时，如果用户切换页面，遗留的异步操作可能继续占用资源甚至引发状态冲突。CancellationToken 是应对这类问题的标准机制。它通过与组件生命周期联动，在组件销毁时发出取消信号，终止未完成的任务。实际使用中，常见做法是在组件基...

栏目：C#/.NET 时间：08-15 Blazor CancellationToken 组件生命周期

不少初学者以为Blazor的界面只能靠写死的Razor标签来拼，其实在需要按配置或数据动态决定控件结构的场景下，直接操作RenderTreeBuilder会更合适。它提供一组序列化的构建指令，让组件在运行时向渲染树插入元素、属性和事件回调。本文从底层机制讲起，对比与Razor模板的差异，给出...

栏目：C#/.NET 时间：08-08 Blazor RenderTreeBuilder 动态UI

在 Blazor 应用中调用受保护接口时，服务端往往要求请求头携带 JWT 令牌。若直接在页面里手动往 HttpClient 加 Token，不仅散落各处还容易遗漏刷新逻辑。更合理的做法是借助委托处理程序统一拦截请求，在发送前自动写入 Authorization 头。本文说明如何在 Program 中注册具备...

栏目：C#/.NET 时间：08-06 Blazor HttpClient JWT_Token

在Blazor开发中，父组件常需根据后台任务状态控制子组件按钮的可点击性。若直接操作DOM会引发渲染不一致，正确做法是通过状态参数与事件回调实现解耦。本文说明如何用CascadingParameter或约定绑定传递禁用标志，并在子组件按钮点击后触发异步任务，任务进行中禁用自身、完成后...

栏目：JavaScript 时间：08-05 Blazor 组件交互 异步禁用

很多开发者在构建Blazor应用时都会遇到页面等待数据加载导致白屏的问题。Blazor Streaming Rendering是一种服务端流式渲染技术，可以让组件在等待异步操作的同时先把已生成的部分HTML发送给浏览器，从而提升用户感知性能。本文介绍如何在Blazor应用中开启和使用Streaming Re...

栏目：C#/.NET 时间：07-29 Blazor Streaming_Rendering 流式渲染

很多开发者在开发完 Blazor 应用后，不知道怎么把它放到 IIS 上给别人访问。其实过程不复杂，先要在 Visual Studio 里发布项目，生成静态文件和动态程序集，然后在 Windows 服务器上安装必要的运行时和 IIS 模块，比如 ASP.NET Core 托管捆绑包。接着在 IIS 里新建站点，把物理路径...

栏目：C#/.NET 时间：07-27 Blazor IIS部署 ASP.NET_Core

在Blazor开发中，多个组件如果共用全局CSS很容易出现样式互相覆盖的问题。Blazor提供了原生的组件化CSS作用域隔离机制，通过为组件创建同名的样式文件即可自动限定样式作用范围。这种方式不需要额外配置，也不依赖第三方库，能有效提升项目可维护性。本文介绍如何在Razor组件中...

栏目：C#/.NET 时间：07-24 Blazor CSS作用域隔离 组件化 razor组件 样式封装

Blazor是微软推出的基于C#和.NET生态的Web前端框架，允许开发者完全使用C#语言替代JavaScript来构建交互式Web UI，大幅降低全栈开发的学习成本。它支持在浏览器端通过WebAssembly运行C#代码，也支持在服务端渲染组件并将UI更新实时推送到客户端。本文将详细介绍Blazor的核心概...

栏目：C#/.NET 时间：07-24 Blazor C Web_UI 交互式组件

在Blazor应用开发中，实现主题切换是提升用户体验的常见需求。很多开发者不清楚如何在Blazor框架下完成主题的动态切换，本文将从基础原理到具体实现步骤，详细讲解Blazor实现主题切换的完整方案。内容会覆盖CSS变量的定义与使用、Blazor中JavaScript互操作的应用、主题状态的...

栏目：C#/.NET 时间：07-23 Blazor 主题切换 CSS变量 JavaScript互操作 Blazor_WebAssembly

在C# Blazor开发中，很多场景需要从流生成文件并触发下载，比如导出报表、生成动态文档等。Blazor分为Server和WASM两种托管模式，两者的文件下载实现逻辑存在明显差异。本文将详细介绍两种模式下从流生成并下载文件的具体实现方式，包含完整的代码示例和核心逻辑说明，帮助开发者...

栏目：C#/.NET 时间：07-23 Blazor Blazor_Server Blazor_WASM C文件下载 流文件生成

在Blazor应用开发过程中，经常会遇到接口返回空数据或者数据加载失败的场景，如果直接展示空白页面会让用户体验很差。很多开发者不知道该用什么样的方式处理这类情况，既不想在每个页面重复写判断逻辑，又希望不同场景下的空状态展示能有统一的风格。本文将介绍几种在Blazor中处...

栏目：C#/.NET 时间：07-19 Blazor 空数据状态 组件封装 条件渲染 数据展示

在Blazor应用开发中，当需要渲染包含成千上万条数据的长列表时，一次性加载所有列表项会导致页面渲染性能下降，出现卡顿甚至浏览器无响应的问题。Virtualize组件是Blazor框架提供的原生虚拟化渲染解决方案，它只会渲染当前可视区域内的列表项，大幅减少DOM节点数量，提升页面加载和...

栏目：C#/.NET 时间：07-17 Blazor Virtualize组件 长列表优化 虚拟化渲染

在Blazor应用开发中，很多时候需要复用已有的JavaScript代码或者调用浏览器原生API，这时候就需要实现Blazor调用JavaScript函数的功能。本文将详细介绍Blazor调用JavaScript函数的具体实现方式，包括基础调用流程、参数传递方法、异步处理以及常见场景示例。同时会讲解调用过...

栏目：C#/.NET 时间：07-16 Blazor JavaScript JS互操作 IJSRuntime

在Blazor应用开发过程中，读取配置信息是常见需求，很多开发者不清楚如何通过IConfiguration实现配置读取。本文会详细介绍Blazor中使用IConfiguration读取配置的具体步骤，包括配置文件的创建、服务的注入方式、不同场景下的读取方法，还会提供完整的代码示例。无论是Blazor Ser...

栏目：C#/.NET 时间：07-15 Blazor IConfiguration appsettings_json 依赖注入 配置读取

在Blazor应用开发中，面包屑导航是提升用户操作体验的重要组件，能够帮助用户快速感知当前页面层级并跳转回上级页面。很多开发者在开发过程中会遇到静态面包屑无法适配动态路由、页面层级变化后导航不更新的问题。本文将详细介绍Blazor动态生成面包屑导航栏的完整实现方案，从...

栏目：C#/.NET 时间：07-15 Blazor 面包屑导航 动态生成 路由管理

在Blazor应用开发中，实现深色和浅色模式的动态切换是提升用户体验的常见需求。很多开发者不知道如何通过动态切换CSS的方式快速完成这个功能，本文会详细介绍完整的实现思路。我们会从基础的CSS变量定义开始，讲解如何在Blazor组件中管理当前主题状态，再通过动态修改页面引入的...

栏目：C#/.NET 时间：07-13 Blazor 深色模式 浅色模式 动态切换_CSS

Blazor作为微软推出的前端框架，很多开发者在开发过程中需要实现用户身份认证功能，JWT认证是常用的无状态认证方案。本文会详细介绍Blazor应用集成JWT认证的全流程，包括后端API的JWT生成配置、前端Blazor应用的Token存储与请求携带、认证状态管理以及路由权限控制等核心内容...

栏目：C#/.NET 时间：07-10 Blazor JWT认证 ASP.NET_Core 身份认证 Token验证

在C#的Blazor框架开发中，Razor组件是实现页面模块化和复用性的核心单元，很多开发者刚接触时不清楚如何创建和使用Razor组件。本文将从基础概念入手，详细讲解Razor组件的创建流程、参数传递方式、生命周期管理以及实际开发中的常见用法，结合完整的代码示例帮助开发者快速掌握B...

栏目：C#/.NET 时间：07-10 C Blazor Razor_组件 组件化开发

在Blazor项目中实现数据可视化时，很多开发者会选择Chart.js这个轻量且功能丰富的图表库。本文会详细介绍在Blazor框架中集成Chart.js的完整流程，包括必要的依赖引入、JavaScript互操作的实现方式、图表配置的核心参数说明，还有折线图、柱状图等常见图表的绘制示例。同时会讲...

栏目：C#/.NET 时间：07-09 Blazor Chart_js 图表绘制 JavaScript互操作

在Blazor应用开发中，页面导航和路由跳转是核心功能需求，NavigationManager是C#提供的用于处理导航逻辑的核心服务。很多开发者不清楚如何正确使用该服务实现页面跳转、获取当前路由信息、监听路由变化等操作。本文将详细介绍NavigationManager的基础用法，包括注入方式、常用...

栏目：C#/.NET 时间：07-08 Blazor NavigationManager C_页面导航 Blazor_路由

Blazor是微软推出的基于.NET的前端框架，支持开发者使用C#语言构建交互式Web应用。PWA即渐进式Web应用，具备离线访问、桌面快捷方式添加等原生应用特性。很多开发者想要将Blazor应用升级为PWA应用，却不清楚具体的操作步骤。本文将详细介绍从零开始创建Blazor PWA应用的完整流...

栏目：C#/.NET 时间：07-05 Blazor PWA ASP.NET_Core Manifest Service_Worker

在Blazor应用开发过程中，当用户访问不存在的路由地址时，默认会显示空白页面，这会影响用户体验。很多开发者想知道如何捕获这类不存在的路由，展示自定义的404错误页面。本文会介绍Blazor中捕获404页面的核心原理，分别讲解Blazor WebAssembly和Blazor Server两种模式下实现404页...

栏目：C#/.NET 时间：07-03 Blazor 路由 404页面 NotFound Router