laravel自定义分页功能的实现:

laravel版本:5.5.。

执行命令:

php artisan vendor:publish --tag=laravel-pagination

  

在到 resources/views/vendor/pagination 下找到default.blade.php文件。进行自定义分页样式编辑

 

修改后代码:

@if ($paginator->hasPages())
    <ul class="pagination">
        {{--首页--}}
        @if ($paginator->onFirstPage())
            <li class="disabled"><span>首页</span></li>
        @else
            <li><a href="{{ $paginator->url(1) }}" rel="prev">首页</a></li>
        @endif

        {{-- 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
        {{--末页--}}
        @if ($paginator->hasMorePages())
            <li><a href="{{ $paginator->url($paginator->lastPage()) }}" rel="next">末页</a></li>
        @else
            <li class="disabled"><span>末页</span></li>
        @endif
    </ul>
@endif

  最总效果截图:

亲测可用,如有问题请留言,谢谢

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值