要调整 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 框架进行相应的样式调整。