AntDesignBlazor示例——分页查询

本文介绍了如何在AntDesignBlazor中实现分页查询框架,包括创建类库、设置查询条件和结果类,以及修改后端和前端代码以支持分页功能和自定义样式。

本示例是AntDesign Blazor的入门示例,在学习的同时分享出来,以供新手参考。

示例代码仓库:https://gitee.com/known/BlazorDemo

1. 学习目标

  • 分页查询框架
  • 天气数据分页功能
  • 表格自定义分页

2. 创建分页查询框架

Table组件分页默认为前端分页,即所有数据一次性加载到前端进行分页;在实际项目中,大多数都是后端分页,即根据前端提供的分页参数只查询一页数据返回给前端显示。下面我们搭建一个简易的分页查询框架:

1)添加新类库项目,命名为BlazorDemoCore,为什么要新建类库项目?

  • 一是查询框架是通用的,所有项目都可以使用
  • 二是将框架封装在类库中,便于其他项目引用
  • 三是框架代码与项目代码隔离,避免被篡改

image

2)查询条件类

在类库BlazorDemoCore中添加查询条件类PagingCriteria,该类用于前端封装查询条件参数传递给后端,后端根据该类信息从数据库中查询分页数据给前端显示。

image

3)查询结果类

在类库BlazorDemoCore中添加查询结果类PagingResult,该类用于后端将查询结果封装起来传递给前端,前端根据该类信息分页显示。该类提

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值