要調整 Laravel 分頁樣式的布局,你需要遵循以下步驟:
首先,在 resources/views
目錄下創建一個新的視圖文件,例如 custom_pagination.blade.php
。這將是你自定義分頁樣式的模板。
打開新創建的 custom_pagination.blade.php
文件,然后添加以下代碼:
@if ($paginator->hasPages())
<nav>
<ul class="pagination">
{{-- Previous Page Link --}}
@if ($paginator->onFirstPage())
<li class="disabled"><span>«</span></li>
@else
<li><a href="{{ $paginator->previousPageUrl() }}" rel="prev">«</a></li>
@endif
{{-- Pagination Elements --}}
@foreach ($elements as $element)
{{-- "Three Dots" Separator --}}
@if (is_string($element))
<li class="disabled"><span>{{ $element }}</span></li>
@endif
{{-- Array Of Links --}}
@if (is_array($element))
@foreach ($element as $page => $url)
@if ($page == $paginator->currentPage())
<li class="active"><span>{{ $page }}</span></li>
@else
<li><a href="{{ $url }}">{{ $page }}</a></li>
@endif
@endforeach
@endif
@endforeach
{{-- Next Page Link --}}
@if ($paginator->hasMorePages())
<li><a href="{{ $paginator->nextPageUrl() }}" rel="next">»</a></li>
@else
<li class="disabled"><span>»</span></li>
@endif
</ul>
</nav>
@endif
現在,你可以根據需要修改上面的代碼來自定義分頁樣式。例如,你可以更改類名、添加自定義屬性或者修改 HTML 結構。
在控制器中,使用 paginate()
方法獲取分頁數據,例如:
$users = DB::table('users')->paginate(15);
links()
方法并傳入自定義分頁模板的路徑,例如:{{ $users->links('custom_pagination') }}
現在,你應該可以看到自定義的分頁樣式。請注意,你可能需要根據項目的 CSS 框架進行相應的樣式調整。