標準のページネーションでは一見無限のページ リストが生成されますが、特定のページのみを表示することでこのプロセスを最適化することが可能です現在のページに隣接するページ。これにより、過度に長いページ リストが回避され、ユーザーがページネーション システムを簡単に操作できるようになります。
この「スマートな」ページネーション戦略を実装する 1 つの方法は、既存のページネーション コードを変更して切り詰めることです。機能を維持しながら、表示されるページのリストを表示します。変更されたアルゴリズムには、次の手順が組み込まれている必要があります。
サンプル コード
<code class="php">// Set adjacent page count $adjacents = 3; // Initialize page number and items per page $page = (int)$_GET["page"] ?? 1; $limit = 5; // Calculate start item $start = ($page - 1) * $limit; // Fetch data $data = $db->query("SELECT * FROM mytable LIMIT $start, $limit")->fetchAll(); // Calculate total pages $total_pages = count($data); // Set up page variables $prev = $page - 1; $next = $page + 1; $lastpage = ceil($total_pages / $limit); $lpm1 = $lastpage - 1; // Generate pagination HTML $pagination = "<nav aria-label='page navigation'><ul class='pagination'>"; // Previous button $disabled = ($page === 1) ? "disabled" : ""; $pagination .= "<li class='page-item $disabled'><a class='page-link' href='?page=$prev'>« previous</a></li>"; // Pages // Too few pages to hide any if ($lastpage < 7 + ($adjacents * 2)) { for ($i = 1; $i <= $lastpage; $i++) { $active = ($i === $page) ? "active" : ""; $pagination .= "<li class='page-item $active'><a class='page-link' href='?page=$i'>$i</a></li>"; } } elseif ($lastpage > 5 + ($adjacents * 2)) { // Close to beginning if ($page < 1 + ($adjacents * 2)) { for ($i = 1; $i < 4 + ($adjacents * 2); $i++) { $active = ($i === $page) ? "active" : ""; $pagination .= "<li class='page-item $active'><a class='page-link' href='?page=$i'>$i</a></li>"; } $pagination .= "<li class='page-item disabled'><span class='page-link'>...</span></li>"; $pagination .= $last_pages; } elseif ($lastpage - ($adjacents * 2) > $page && $page > ($adjacents * 2)) { // In middle $pagination .= $first_pages; $pagination .= "<li class='page-item disabled'><span class='page-link'>...</span></li>"; for ($i = $page - $adjacents; $i <= $page + $adjacents; $i++) { $active = ($i === $page) ? "active" : ""; $pagination .= "<li class='page-item $active'><a class='page-link' href='?page=$i'>$i</a></li>"; } $pagination .= "<li class='page-item disabled'><span class='page-link'>...</span></li>"; $pagination .= $last_pages; } else { // Close to end $pagination .= $first_pages; $pagination .= "<li class='page-item disabled'><span class='page-link'>...</span></li>"; for ($i = $lastpage - (2 + ($adjacents * 2)); $i <= $lastpage; $i++) { $active = ($i === $page) ? "active" : ""; $pagination .= "<li class='page-item $active'><a class='page-link' href='?page=$i'>$i</a></li>"; } } } // Next button $disabled = ($page === $lastpage) ? "disabled" : ""; $pagination .= "<li class='page-item $disabled'><a class='page-link' href='?page=$next'>next »</a></li>"; $pagination .= "</ul></nav>"; if ($lastpage <= 1) { $pagination = ""; } echo $pagination; foreach ($data as $row) { // Display your data } echo $pagination;</code>
以上がユーザーエクスペリエンスを向上させるためにページネーションアルゴリズムを最適化するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。