使用firestore向前和向后跳转分页

// 向前跳转分页
const pageSize = 10; // 每页显示的数据量
let lastVisible = null; // 上一页最后一个文档的引用

// 查询第一页数据
let query = db.collection('your_collection').orderBy('your_field').limit(pageSize);
query.get().then((snapshot) => {
  snapshot.forEach((doc) => {
    // 处理每个文档的数据
    console.log(doc.id, '=>', doc.data());
  });

  // 获取最后一个文档的引用
  lastVisible = snapshot.docs[snapshot.docs.length - 1];

  // 存储分页标记，用于向后跳转分页
  sessionStorage.setItem('lastVisible', JSON.stringify(lastVisible));
});

// 向后跳转分页
const nextPage = () => {
  // 获取存储的分页标记
  lastVisible = JSON.parse(sessionStorage.getItem('lastVisible'));

  // 查询下一页数据
  let query = db.collection('your_collection').orderBy('your_field').startAfter(lastVisible).limit(pageSize);
  query.get().then((snapshot) => {
    snapshot.forEach((doc) => {
      // 处理每个文档的数据
      console.log(doc.id, '=>', doc.data());
    });

    // 获取最后一个文档的引用
    lastVisible = snapshot.docs[snapshot.docs.length - 1];

    // 更新分页标记
    sessionStorage.setItem('lastVisible', JSON.stringify(lastVisible));
  });
};

// 调用向后跳转分页函数
nextPage();