[Laravel] 사용자 정의 페이지 대상에 처음과 마지막 페이지로 이동하는 단추와 현재 페이지와 총 페이지 수가 나타납니다.
/처음 및 마지막 페이지로 이동 버튼
· 현재 페이지 및 총 페이지 수 (총 페이지)
에서 기술한 장면은 다음과 같은 절차를 이용하여 명세표를 작성하여 개념 디자인에서 체량의 부피를 분석하도록 한다.
하고 싶은 일
위에서 말한 바와 같이, 아래의 포착과 같은 페이지 번호를 만들다
버튼은
① 첫 페이지로 연결
② 이전 페이지로 링크
③ 다음 페이지로 연결
④ 마지막 페이지로 연결
디버깅을 진행하다.
환경
기본 페이지 번호
먼저 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) }}">«</a>
</li>
// 前のページへのリンク
{{-- Previous Page Link --}}
<li class="page-item {{ $paginator->onFirstPage() ? ' disabled' : '' }}">
<a class="page-link" href="{{ $paginator->previousPageUrl() }}">‹</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> {{ $page }}</span></li>
// 現在のページと最後の総ページの間の「/」
/
// 総ページ数(=最後のページ)
<li class="active" aria-current="page"><span>{{ $paginator->lastPage() }} </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() }}">›</a>
</li>
// 最後のページへのリンク
{{-- Last Page Link --}}
<li class="page-item {{ $paginator->currentPage() == $paginator->lastPage() ? ' disabled' : '' }}">
<a class="page-link" href="{{ $paginator->url($paginator->lastPage()) }}">»</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에서 사용자 정의 페이지 만들기
Reference
이 문제에 관하여([Laravel] 사용자 정의 페이지 대상에 처음과 마지막 페이지로 이동하는 단추와 현재 페이지와 총 페이지 수가 나타납니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/C_HERO/items/8e1203e1d3a773fd83d0텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)