NodeJS分页表格过滤异常：仅当前页生效的技术解决方案咨询

这个问题我之前也碰到过，核心问题出在逻辑顺序搞反了：你现在是先对全量数据做分页（skip+limit），再执行无过滤条件的查询，自然只能过滤当前页那10条数据。正确的姿势应该是先应用过滤条件筛选出所有符合要求的数据，再对筛选后的结果做分页处理，同时总数统计也要基于过滤后的数据集，这样分页和过滤才能完全匹配。

下面是修改后的完整代码和关键要点：

1. 先构建动态过滤条件 #

首先从请求的查询参数里提取你需要的过滤字段（比如按城镇、单元名称等），组装成MongoDB能识别的查询对象：

router.get('/', (req, res) => {
  const perPage = 10;
  // 把page转成整数，避免字符串计算出问题
  const page = parseInt(req.query.page) || 1;
  
  // 构建过滤条件，根据你的业务需求扩展
  const filter = {};
  // 示例：如果前端传了town的ID，就按town过滤
  if (req.query.townId) {
    filter.town = req.query.townId;
  }
  // 示例：按选举单元名称做模糊匹配（不区分大小写）
  if (req.query.name) {
    filter.name = { $regex: req.query.name, $options: 'i' };
  }
  // 可以继续加其他过滤字段，比如状态、创建时间等...

  // 2. 先过滤，再分页
  ElectoralUnit.find(filter)
    .populate('town')
    // 可选：加个排序规则，比如按名称或创建时间排序，让分页结果更稳定
    .sort({ name: 1 })
    .skip((perPage * page) - perPage)
    .limit(perPage)
    .then(electoralUnits => {
      // 3. 统计过滤后的总数据量（注意用countDocuments，count已经被废弃了）
      ElectoralUnit.countDocuments(filter)
        .then(electoralUnitCount => {
          // 保留你原来获取town列表的逻辑
          Town.find({}).sort({ name: 1 })
            .then(towns => {
              res.render('你的模板路径', {
                electoralUnits,
                currentPage: page,
                // 计算总页数
                totalPages: Math.ceil(electoralUnitCount / perPage),
                totalCount: electoralUnitCount,
                towns,
                // 把当前的过滤参数传回前端，方便切换分页时保持过滤状态
                currentFilters: req.query
              });
            })
            .catch(err => {
              console.error('获取城镇列表出错:', err);
              res.status(500).send('加载城镇列表失败');
            });
        })
        .catch(err => {
          console.error('统计数据量出错:', err);
          res.status(500).send('统计数据失败');
        });
    })
    .catch(err => {
      console.error('获取选举单元数据出错:', err);
      res.status(500).send('加载数据失败');
    });
});

关键修改点解释 #

• 过滤前置：把filter对象传给find()，让MongoDB先筛选出所有符合条件的数据，再对这些数据做分页，而不是先切分10条再过滤。
• 过滤后统计总数：用countDocuments(filter)代替原来的count()，这样统计的是过滤后的总条数，分页的总页数才会准确，不会出现“明明有过滤结果但显示无数据”的情况。
• 保留过滤状态：把currentFilters传给前端模板，这样前端在点击分页按钮时，能把当前的过滤参数（比如townId、name）和page参数一起拼在URL上，保证切换分页后过滤条件仍然生效。
• 参数类型转换：把page转成整数，避免字符串和数字计算导致的skip值错误。

前端要注意的点 #

前端发起分页请求时，一定要把当前的过滤参数和page参数一起传递，比如：

/electoral-units?page=2&townId=60d21b4667d0d8992e610c85&name=第一

这样后端每次都能拿到正确的过滤条件，返回对应分页的过滤后数据。

内容的提问来源于stack exchange，提问作者Nenad M