laravel5.5中添加對分頁樣式的修改上一頁和下一頁
阿新 • • 發佈:2018-05-26
laravel 自定義分頁 博客原文地址http://www.xiegaosheng.com/post/view?id=93;
laravel自帶的分頁樣式有點醜,laravel支持自定義樣式的,
想把上一頁和下一頁顯示成漢字而不是<<和>>
百度了一下都是去重寫分頁的函數render,於是打開了laravel分頁的源碼;
render()和links()方法是支持傳遞視圖的;
在views視圖目錄下創建common/pagination.blade.php文件;代碼如下,只需要把laravel自帶的default改一下
[php] view plain copy
@if ($paginator->hasPages())
<ul class="pagination">
{{-- Previous Page Link --}}
@if ($paginator->onFirstPage())
<li class="page-item disabled"><span class="page-link">第一頁</span></li>
@else
<li class="page-item"><a class="page-link"
href="{{ $paginator->previousPageUrl() }}" rel="prev">上一頁</a></li>
@endif
{{-- Pagination Elements --}}
@foreach ($elements as $element)
{{-- "Three Dots" Separator --}}
@if (is_string($element))
<li class="page-item disabled">
<span class="page-link">{{ $element }}</span></li>
@endif
{{-- Array Of Links --}}
@if (is_array($element))
@foreach ($element as $page => $url)
@if ($page == $paginator->currentPage())
<li class="page-item active">
<span class="page-link">{{ $page }}</span></li>
@else
<li class="page-item">
<a class="page-link" href="{{ $url }}">
{{ $page }}</a></li>
@endif
@endforeach
@endif
@endforeach
{{-- Next Page Link --}}
@if ($paginator->hasMorePages())
<li class="page-item"><a class="page-link"
href="{{ $paginator->nextPageUrl() }}" rel="next">下一頁</a></li>
@else
<li class="page-item disabled"><span
class="page-link">最後一頁</span></li>
@endif
</ul>
@endif
想要改成其他的樣式只需要自己去寫一些css就行;
然後在視圖中調用
[php] view plain copy
{{$lists->links('common.pagination')}}
效果如下圖;
laravel5.5中添加對分頁樣式的修改上一頁和下一頁