PHP查询数据库如何获取全量数据但仅展示有限条以支持过滤功能

核心逻辑：不能在SQL语句中加LIMIT限制查询条数，否则会导致未被查询到的其他分类数据缺失，分类过滤功能自然无法生效。你需要全量拉取所有商品数据，再通过前端层面控制初始展示的条数即可，以下是两种可直接落地的实现方式：

方案1：全量渲染DOM + CSS类控制展示（改造成本最低） #

你只需要在原有循环逻辑中增加计数器标记，给超出展示条数的元素加默认隐藏类，再同步修改分类过滤的JS逻辑即可：

修改后的PHP代码 #

<?php
// 定义默认前端展示的最大条数，可自行调整
$default_show_num = 6;
// 计数器初始化
$count = 0;
$query = $db->query("SELECT * FROM products order by p_upload_date desc  ");
while ($row = $query->fetch()) {
    $p_id = $row['p_id'];
    $p_name = $row['p_name'];
    $p_cat_name = $row['p_cat_name'];
    $p_url = $row['p_detail'];
    $p_file = $row['p_image'];
    $p_image = $row['p_image'];
    // 超出默认展示条数的元素加隐藏类
    $hide_class = $count >= $default_show_num ? 'd-none default-hide' : '';
    echo "
            <div class='col-lg-4 col-md-6 portfolio-item filter-$p_cat_name $hide_class'>
            <div class=' shadow portfolio-img'><a href='portfolio-details.php?product_id=$p_id'><img src='products/$p_image' class='img-fluid' alt=''></a></div>
            <div class='portfolio-info'>
              <h4>$p_name</h4>
              <a href='products/$p_image' data-gallery='portfolioGallery' class='portfolio-lightbox preview-link' title='$p_name'><i class='bx bx-plus'></i></a>
              <a href='portfolio-details.php?product_id=$p_id' class='details-link' title='More Details'><i class='bx bx-link'></i></a>
            </div>
        </div>";
    // 计数器累加
    $count++;
}
?>

注：代码中的d-none是Bootstrap内置的隐藏类，如果你没有使用Bootstrap，自行添加CSS规则 .default-hide {display: none;}，并把上方的$hide_class值改为$count >= $default_show_num ? 'default-hide' : ''即可。

配套JS修改（针对你的分类过滤逻辑） #

在原有分类过滤的触发函数中增加逻辑：

• 当选中「全部」分类时，仅展示前$default_show_num条，其余带default-hide类的元素保持隐藏
• 当选中具体分类时，移除所有当前分类下元素的隐藏类，不管是否带default-hide标记即可

方案2：JS接管渲染逻辑（性能更优） #

如果你的商品数据量在1000条以内，可以用这种更灵活的方式，避免渲染大量隐藏DOM：

1. PHP端把所有查询到的商品数据转为JSON字符串，注入到JS变量中
2. JS端初始化时只渲染前N条数据
3. 触发分类过滤时，直接从全量JSON数据中筛选对应分类的所有数据，重新渲染到页面即可

内容的提问来源于stack exchange，提问作者TEJAS VAISHNAV