本示例是AntDesign Blazor的入门示例，在学习的同时分享出来，以供新手参考。示例代码仓库：[链接]1. 学习目标创建Modal表单编辑数据创建Table操作列2. 创建Modal表单1）新增按钮和Modal组件打开天气页面Weather.razor文件，按照如下步骤添加新增按钮和Modal组件在查询按钮后面添加新增按钮，使用flex布局，将新增按钮放...

本示例是AntDesign Blazor的入门示例，在学习的同时分享出来，以供新手参考。示例代码仓库：[链接]1. 学习目标分页查询框架天气数据分页功能表格自定义分页2. 创建分页查询框架Table组件分页默认为前端分页，即所有数据一次性加载到前端进行分页；在实际项目中，大多数都是后端分页，即根据前端提供的分页参数只查询一页...

本示例是AntDesign Blazor的入门示例，在学习的同时分享出来，以供新手参考。示例代码仓库：[链接]1. 学习目标重构项目文件结构添加日期查询条件实现查询业务逻辑2. 重构项目结构在实现列表查询条件功能之前，我们先重构一下项目结构，创建天气Model类和Service类，在Service类中处理查询业务逻辑。1）在项目中添加Model...

本示例是AntDesign Blazor的入门示例，在学习的同时分享出来，以供新手参考。示例代码仓库：[链接]1. 学习目标使用Table组件创建列表页面使用DisplayName特性显示中文表头使用模板和Tag组件显示高温数据使用TitleTemplate自定义栏位表头2. 创建Table列表1）双击打开Components\Pages\Weather.razor页面组件，删除如下代...

本示例是AntDesign Blazor的入门示例，在学习的同时分享出来，以供新手参考。示例代码仓库：[链接]1. 开发环境VS2022 17.8.2.NET8AntDesign 0.16.22. 学习目标创建新项目安装AntDesign组件包及使用方法添加按钮测试组件3. 演练步骤打开VS2022，新建Blazor Web App，命名AntDesignDemo双击AntDesignDemo工程文件，添加Ant...

条码比对系统是由单机版桌面软件和Android版的PDA扫码软件组成，桌面软件采用Blazor与WinForm进行混合开发，PDA扫码软件采用MAUI进行开发，这个项目都是基于.NET技术进行构建，这也是将近期学习Blazor和MAUI这两门技术应用到实践当中。

使用 RenderTreeBuilder 创建组件是 Blazor 的一种高级方案。前几篇文中有这样创建组件的示例 builder.Component<MyComponent>().Build(); ，本文主要介绍该高级方案的具体实现，我们采用测试驱动开发（TDD）方法，大致思路如下：

Blazor 应用基于组件，组件可以复用和嵌套。本文内容如下：组件类组件嵌套组件参数组件对象1. 组件类所有组件都是继承 ComponentBase 组件基类，razor 文件默认继承 ComponentBase 类。 ComponentBase 实现组件的最低抽象，IComponent 接口。 ComponentBase 定义基本功能的组件属性和方法，例如，处理一组内置组件生命周...

上篇提到 Blazor 组件的高级写法，是采用扩展方法对 HTML 元素和组件进行扩展，以便于书写组件结构和代码阅读。本篇主要介绍扩展方法实现的思路。

简介Blazor 是一种 .NET 前端 Web 框架，同时支持服务器端呈现和客户端交互性。使用 C# 语言创建丰富的交互式 UI共享前后端应用逻辑可以生成混合桌面和移动应用受益于 .NET 的性能、可靠性和安全性需要有 HTML、CSS、JS 相关基础（开发 UI 框架的话）组件化设计，类似 React、Vue 等前端框架组件Blazor 应用基于组件。 B...