[Laravel] 사용자 정의 페이지 대상에 처음과 마지막 페이지로 이동하는 단추와 현재 페이지와 총 페이지 수가 나타납니다.

13855 단어 PHPLaravel
Laravel 페이지에서는 다음과 같습니다.
/처음 및 마지막 페이지로 이동 버튼
· 현재 페이지 및 총 페이지 수 (총 페이지)
에서 기술한 장면은 다음과 같은 절차를 이용하여 명세표를 작성하여 개념 디자인에서 체량의 부피를 분석하도록 한다.

하고 싶은 일


위에서 말한 바와 같이, 아래의 포착과 같은 페이지 번호를 만들다

버튼은
① 첫 페이지로 연결
② 이전 페이지로 링크
③ 다음 페이지로 연결
④ 마지막 페이지로 연결
디버깅을 진행하다.

환경

  • PHP: 버전 7.3.7
  • Laravel:5.8
  • OS:Windows10
  • 기본 페이지 번호


    먼저 Laravel의 기본 페이지 연결부터 시작합니다.

    ① 이전 페이지로 연결
    ② 다음 페이지로 연결
    ② 번호 페이지에 대한 링크
    디버깅을 진행하다.
    기술도 간단하다. 페이지를 나누고 싶은 페이지의 보기 클래스에서
    {{ $tests->links() }}
    
    ($tests는 페이지 대상 데이터를 포함하는 변수입니다.
    겸사겸사 말씀드리지만, 이것은
    \vendor\laravel\framework\src\Illuminate\Pagination\resources\views
    default.blade.php
    의 규격화 거리의 멱 함수.

    첫 번째 페이지와 마지막 페이지로 이동하는 단추와 현재 페이지와 총 페이지 수가 나타납니다.


    1. 사용자 정의 페이지 파일 만들기


    \resources\views 아래에서\vendor\pagination 디렉터리 (폴더) 를 만들고 그 아래에서 사용자 정의 페이지를 만드는 파일을 만듭니다.
    이번에는 파일 이름이 "pagination_view.blade.php"입니다.

    2. 사용자 정의 페이지 파일 편집


    만든 사용자 정의 페이지 파일에서:.
    ① 첫 페이지로 연결
    ② 이전 페이지로 링크
    ③ 다음 페이지로 연결
    ④ 마지막 페이지로 연결
    의 부분@akkino_D-En 선생님의
    Laravel 가변 링크 수로 결정되는 연결 자체 제작 방법
    이렇게 사용했습니다.
    \resources\views\vendor\pagination\pagination_view.blade.php
    
    @if ($paginator->hasPages())
        <ul class="pagination" role="navigation">
            // 最初のページへのリンク
            {{-- First Page View --}} 
                <li class="page-item {{ $paginator->onFirstPage() ? ' disabled' : '' }}">
                <a class="page-link" href="{{ $paginator->url(1) }}">&laquo;</a>
                </li>
    
            // 前のページへのリンク
            {{-- Previous Page Link --}} 
            <li class="page-item {{ $paginator->onFirstPage() ? ' disabled' : '' }}">
                <a class="page-link" href="{{ $paginator->previousPageUrl() }}">&lsaquo;</a>
            </li>
    
    
            {{-- Pagination Elements --}} 
            @foreach ($elements as $element)
                {{-- "Three Dots" Separator --}}
                @if (is_string($element))
                    <li class="disabled" aria-disabled="true"><span>{{ $element }}</span></li>
                @endif
    
                {{-- Array Of Links --}}
                @if (is_array($element))
                    @foreach ($element as $page => $url)
                        @if ($page == $paginator->currentPage())
                            // 現在のページ
                            <li class="active" aria-current="page"><span>&nbsp;{{ $page }}</span></li>
                            // 現在のページと最後の総ページの間の「/」
                            &nbsp;/&nbsp;
                            // 総ページ数(=最後のページ)
                            <li class="active" aria-current="page"><span>{{ $paginator->lastPage() }}&nbsp;</span></li>
                        @endif
                    @endforeach
                @endif
            @endforeach
    
            // 次のページへのリンク
            {{-- Next Page Link --}}
            <li class="page-item {{ $paginator->currentPage() == $paginator->lastPage() ? ' disabled' : '' }}">
                <a class="page-link" href="{{ $paginator->nextPageUrl() }}">&rsaquo;</a>
            </li>
    
            // 最後のページへのリンク
            {{-- Last Page Link --}}
            <li class="page-item {{ $paginator->currentPage() == $paginator->lastPage() ? ' disabled' : '' }}">
            <a class="page-link" href="{{ $paginator->url($paginator->lastPage()) }}">&raquo;</a>
            </li>
        </ul>
    @endif
    

    3. 사용자 정의 페이지 파일 로드


    파일을 보는 페이지의 사용처는 다음과 같다.
    
    {{ $tests->links('vendor/pagination/pagination_view') }}
    
    검색 페이지 등에서 페이지를 나눈 후에도 검색 조건을 유지하고 싶은 경우 다음과 같이 기술할 수 있다.
    "appends(request()->query()"부분에서 검색 조건을 유지합니다.
    
    {{ $tests->appends(request()->query())->links('vendor/pagination/pagination_view') }}
    

    참고 자료


    이번에는 아래의 내용을 참고하였다.감사합니다!
    ① <>> 섹션
    Laravel 가변 링크 수로 결정되는 연결 자체 제작 방법
    ② 전체 페이지 섹션
    Laravel5.5 데이터베이스: 연결
    ③ 기본 페이지 번호, $paginator->currentPage() 섹션
    Laravel에서 사용자 정의 페이지 만들기

    좋은 웹페이지 즐겨찾기