随笔分类 - 00 Blazor
摘要:本示例是AntDesign Blazor的入门示例,在学习的同时分享出来,以供新手参考。 示例代码仓库:https://gitee.com/known/BlazorDemo 1. 学习目标 分页查询框架 天气数据分页功能 表格自定义分页 2. 创建分页查询框架 Table组件分页默认为前端分页,即所
阅读全文
摘要:本示例是AntDesign Blazor的入门示例,在学习的同时分享出来,以供新手参考。 示例代码仓库:https://gitee.com/known/BlazorDemo 1. 学习目标 重构项目文件结构 添加日期查询条件 实现查询业务逻辑 2. 重构项目结构 在实现列表查询条件功能之前,我们先重
阅读全文
摘要:本示例是AntDesign Blazor的入门示例,在学习的同时分享出来,以供新手参考。 示例代码仓库:https://gitee.com/known/BlazorDemo 1. 学习目标 使用Table组件创建列表页面 使用DisplayName特性显示中文表头 使用模板和Tag组件显示高温数据
阅读全文
摘要:本示例是AntDesign Blazor的入门示例,在学习的同时分享出来,以供新手参考。 示例代码仓库:https://gitee.com/known/BlazorDemo 1. 开发环境 VS2022 17.8.2 .NET8 AntDesign 0.16.2 2. 学习目标 创建新项目 安装An
阅读全文
摘要:使用 RenderTreeBuilder 创建组件是 Blazor 的一种高级方案。前几篇文中有这样创建组件的示例 builder.Component<MyComponent>().Build(); ,本文主要介绍该高级方案的具体实现,我们采用测试驱动开发(TDD)方法,大致思路如下: 从测试示例入
阅读全文
摘要:Blazor 应用基于组件,组件可以复用和嵌套。本文内容如下: 组件类 组件嵌套 组件参数 组件对象 1. 组件类 所有组件都是继承 ComponentBase 组件基类,razor 文件默认继承 ComponentBase 类。 ComponentBase 实现组件的最低抽象,IComponent
阅读全文
摘要:上篇提到 Blazor 组件的高级写法,是采用扩展方法对 HTML 元素和组件进行扩展,以便于书写组件结构和代码阅读。本篇主要介绍扩展方法实现的思路。 什么是扩展方法 要扩展哪个类 扩展方法的实现 1. 什么是扩展方法 若要对一个 C# 类型添加新方法,一是修改源码,二是派生类,三是扩展方法。前两者
阅读全文
摘要:简介 Blazor 是一种 .NET 前端 Web 框架,同时支持服务器端呈现和客户端交互性。 使用 C# 语言创建丰富的交互式 UI 共享前后端应用逻辑 可以生成混合桌面和移动应用 受益于 .NET 的性能、可靠性和安全性 需要有 HTML、CSS、JS 相关基础(开发 UI 框架的话) 组件化设
阅读全文