향상된 페이지 매김 제어를 위해 스마트 페이지 매김을 구현하는 방법은 무엇입니까?

Linda Hamilton
풀어 주다: 2024-10-17 16:12:02
원래의
745명이 탐색했습니다.

How to Implement Smart Pagination for Enhanced Pagination Control?

최적화된 페이지 매김 표시를 위한 스마트 페이지 매김 구현

페이지 매김은 콘텐츠를 관리 가능한 페이지로 나누어 대규모 데이터세트를 통한 사용자 탐색에 중요한 역할을 합니다. 그러나 기존의 페이지 매김은 광범위한 데이터 세트에 대한 광범위한 페이지 목록으로 이어질 수 있으므로 사용자가 효과적으로 탐색하기 어려울 수 있습니다.

이 문제를 해결하기 위해 몇 개의 인접한 페이지만 선택적으로 표시하는 스마트 페이지 매김 알고리즘을 구현할 수 있습니다. 현재 페이지를 둘러쌉니다. 이 잘림 기술은 페이지 목록의 길이를 최소화하여 더욱 간결하고 관리하기 쉬운 탐색을 제공함으로써 사용자 경험을 향상시킵니다.

이 데모에서는 스마트 페이지 매김 알고리즘의 PHP 구현에 중점을 둘 것입니다.

<code class="php">// Limit the number of adjacent pages
$adjacents = 3;

// Fetch data for the current page
// ... (Code snippet omitted for brevity)

// Calculate pagination information
$total_pages = ceil($total_results / $limit);
$prev = $page - 1;
$next = $page + 1;
$lastpage = $lastpage - 1;

// Initialize pagination HTML markup
$pagination = '<nav aria-label="page navigation"><ul class="pagination">';

// Determine page range to display based on current page and adjacent page limit
if ($lastpage < 7 + ($adjacents * 2)) {
    // Display all pages
    for ($i = 1; $i <= $lastpage; $i++) {
        $pagination .= "<li class='page-item" . ($i == $page ? ' active' : '') . "'><a class='page-link' href='?page=$i'>$i</a></li>";
    }
} else {
    // Display first and last pages
    $pagination .= "<li class='page-item'><a class='page-link' href='?page=1'>1</a></li>";
    $pagination .= "<li class='page-item disabled'><span class='page-link'>...</span></li>";
    $pagination .= "<li class='page-item'><a class='page-link' href='?page=$lastpage'>$lastpage</a></li>";

    // Display pages adjacent to the current page
    if ($page < 1 + ($adjacents * 2)) {
        // Display pages near the beginning
        for ($i = 1; $i < 4 + ($adjacents * 2); $i++) {
            $pagination .= "<li class='page-item" . ($i == $page ? ' active' : '') . "'><a class='page-link' href='?page=$i'>$i</a></li>";
        }
    } elseif ($lastpage - ($adjacents * 2) > $page && $page > ($adjacents * 2)) {
        // Display pages in the middle
        $pagination .= "<li class='page-item disabled'><span class='page-link'>...</span></li>";
        for ($i = $page - $adjacents; $i <= $page + $adjacents; $i++) {
            $pagination .= "<li class='page-item" . ($i == $page ? ' active' : '') . "'><a class='page-link' href='?page=$i'>$i</a></li>";
        }
    } else {
        // Display pages near the end
        $pagination .= "<li class='page-item disabled'><span class='page-link'>...</span></li>";
        for ($i = $lastpage - (2 + ($adjacents * 2)); $i <= $lastpage; $i++) {
            $pagination .= "<li class='page-item" . ($i == $page ? ' active' : '') . "'><a class='page-link' href='?page=$i'>$i</a></li>";
        }
    }
}

// Display previous and next page links
if ($page != 1) {
    $pagination .= "<li class='page-item'><a class='page-link' href='?page=$prev'>Previous</a></li>";
}
if ($page != $lastpage) {
    $pagination .= "<li class='page-item'><a class='page-link' href='?page=$next'>Next</a></li>";
}

// Output pagination HTML
echo $pagination . '</ul></nav>';</code>
로그인 후 복사

이 구현에서는 루프와 조건문의 조합을 사용하여 현재 페이지와 정의된 인접 페이지 제한을 기반으로 표시할 페이지를 결정합니다. 또한 첫 번째 또는 마지막 페이지와 같은 극단적인 경우를 처리하고 이에 따라 페이지 매김 표시를 조정합니다. 이 스마트 페이지 매김 알고리즘을 활용하면 광범위한 데이터세트에 대해 더욱 간편하고 사용자 친화적인 페이지 매김 경험을 제공할 수 있습니다.

위 내용은 향상된 페이지 매김 제어를 위해 스마트 페이지 매김을 구현하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!