分页查询的核心原理
微信小程序云服务器分页查询主要基于以下两个数据库操作函数：skip和limit。前者用于跳过指定数量的记录，后者限制返回数据条数。典型实现方式是在页面触底时触发onReachBottom生命周期函数，动态修改查询参数获取新数据。
关键参数包括：
- currentPage：当前页码
- pageSize：每页数据量
- totalCount：数据总量
云服务器端优化策略
在云函数实现中应遵循以下优化原则：
- 使用
count提前获取总记录数，避免无效查询 - 建立复合索引优化
skip性能，特别是处理大数据集时 - 实施请求锁机制防止重复加载，通过布尔值locker控制并发请求
| 参数 | 初始值 | 递增方式 |
|---|---|---|
| skip | 0 | pageSize * currentPage |
| limit | 20 | 固定值 |
客户端性能优化技巧
客户端优化应着重处理数据渲染性能：
- 使用
concat合并新旧数据数组，保持列表更新效率 - 实现虚拟列表技术，仅渲染可视区域内的元素
- 增加加载状态提示，通过loading变量控制加载动画
推荐采用分页对象封装方案，将请求参数、锁机制、数据合并等逻辑封装为独立模块，提升代码复用率。
完整代码实现示例
基础分页查询代码结构包含三个核心部分：
- 初始化分页参数
- 定义数据获取函数
- 实现触底加载事件
const db = wx.cloud.database
Page({
list: [],
page: 0,
hasMore: true
},
onReachBottom {
this.getData
},
async getData {
if (!this.data.hasMore) return
const res = await db.collection('data')
.skip(this.data.page * 20)
.limit(20)
.get
this.setData({
list: this.data.list.concat(res.data),
page: this.data.page + 1,
hasMore: res.data.length === 20
})
})
通过云数据库的skip-limit机制结合客户端优化，可实现高效的分页查询。建议采用模块化封装方案提升代码质量，同时注意云函数调用次数和数据库读取量的优化。实际开发中应根据数据规模选择合适的缓存策略，平衡用户体验与服务器成本。
