zoukankan      html  css  js  c++  java
  • 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
    

      最总效果截图:

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

  • 相关阅读:
    jQuery
    前端开发之JavaScript篇
    前端开发之css篇
    前端开发之html篇
    mysql续
    MySQL入门
    进程线程协程那些事儿
    Python之socket网络编程
    2016.6.24——vector<vector<int>>【Binary Tree Level Order Traversal】
    2016.6.21——Climbing Stairs
  • 原文地址:https://www.cnblogs.com/yiweiyihang/p/8398642.html
Copyright © 2011-2022 走看看