php - php 和 mysql 分页的奇怪行为

Question

所以我有这个portfolio页面，其中从MySQL数据库加载项目(图像)。 HTML 是 Bootstrap ，当用户单击某个类别时，会重新排列所有元素并仅显示该类别中的元素。

<div class="filters">
            <ul class="wow lightSpeedIn">
                <li><a href="#" data-filter="*" class="active">All</a></li>
                <li><a href="#" data-filter=".cat_1">Cat_1</a></li>
                <li><a href="#" data-filter=".Cat_2">Cat_2</a></li>
                <li><a href="#" data-filter=".Cat_3">Cat_3</a></li>
                <li><a href="#" data-filter=".Cat_4">Cat_4</a></li>
            </ul>
</div> <!-- *** end filters *** -->

我已经将它们从数据库中提取出来，到目前为止它们都可以工作，但现在我想将它们限制在页面上并进行分页，但发生了一些奇怪的事情(至少对我来说)。这是页面的整个部分，包含项目和分页。

<!-- *****  Portfolio Filters ***** -->
        <div class="filters">
<div class="filters">
            <ul class="wow lightSpeedIn">
                <li><a href="#" data-filter="*" class="active">All</a></li>
                <li><a href="#" data-filter=".cat_1">Cat_1</a></li>
                <li><a href="#" data-filter=".Cat_2">Cat_2</a></li>
                <li><a href="#" data-filter=".Cat_3">Cat_3</a></li>
                <li><a href="#" data-filter=".Cat_4">Cat_4</a></li>
            </ul>
</div> <!-- *** end filters *** -->
        </div> <!-- *** end filters *** -->
    </div> <!-- *** end container *** -->

    <!-- *****  Portfolio  wrapper ***** -->
    <div class="portfolio-wrapper margin-bottom-medium">
<?php
    require_once 'misc/database.inc.php';
    $pdo = Database::connect();
    error_reporting(E_ALL); 
    ini_set('display_errors', 1);
    $pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
    if (isset($_GET["page"])) { $page = $_GET["page"]; } else { $page=1; };
    $start_from = ($page-1) * 3;
    $result = $pdo->prepare("SELECT * FROM projects ORDER BY project_id ASC LIMIT $start_from, 8");
    $result->execute();
    for($i=0; $row = $result->fetch(); $i++)
        {
            echo '<div class="portfolio-item '.$row['project_category'].'">';
            echo '<div class="portfolio">';
            echo '<a href="single-project.php?project_id='.$row['project_id'].'" data-lightbox-gallery="portfolio">';
            echo '<img src="'.$row['project_image'].'" alt="Portfolio 1">';
            echo '<div class="portfolio-overlay hvr-rectangle-out">';
            echo '<h2 class="margin-bottom-small">

                        <strong class="white-color bold-text"></strong>
                    </h2>';
            echo '<div class="button">See the project</div>';
            echo '</div><!-- END PORTFOLIO OVERLAY -->
              </a>
           </div>
        </div> <!-- *** end  portfolio-item *** -->
        ';
        }
    Database::disconnect();       
?> 


    </div> <!-- *** end  portfolio-wrapper *** -->
 <?php
        echo '<div id="pagination">';

        $result = $pdo->prepare("SELECT COUNT(project_id) FROM projects");
        $result->execute();
        $row = $result->fetch();
        $total_records = $row[0];
        $total_pages = ceil($total_records / 3);
        //$total_pages=(ceil($total_records/$limit)) + 1;

        for ($i=1; $i<=$total_pages; $i++) {
            echo "<a href='portfolio.php?page=".$i."'";
            if($page==$i)
            {
                echo "id=active";
            }
                echo ">";
                echo "".$i."</a> ";
        };
        echo '</div>';
?>   

问题是:

1. 当我在查询中放入 LIMIT 子句时，它每页显示 8 个项目，但类别按钮无法正常工作。由于限制，该功能仅在第一页有效，并且仅显示 id 在 1 到 8 之间的类别中的项目。这意味着，如果我在第一页上加载了 8 个项目，然后单击类别 3，并且只有 ID > 8 的项目将不会显示任何内容。此外，所有这些按钮都无法在其他页面上使用，即 ?page=2..?page=3` 等。

2. 目前我正在测试数据库中的 11 个项目，每页 8 个项目。这意味着我下面必须只有 2 页，但实际上有 4 页。

第 1 页显示 8 个 ID 为 1-8 的项目。

第二页显示 4-11 的项目？？？

第三页显示 ID 为 7 到 11 的项目...

第四页显示 ID 为 10 和 11 的项目。

Answer 1

您的代码显示 $start_from = ($page-1) * 3; 但您说要每页显示 8 个。所以你需要乘以 8 而不是 3:

$start_from = ($page-1) * 8;

再说一遍:

$total_pages = ceil($total_records/3);

可能应该是/8

我建议设置一个 $perPage 变量并在整个代码中使用该变量，这样您只需更改一次即可避免将来出现类似问题。