当前位置:首页 > 技术 > 正文内容

laravel:分页样式自定义修改上一页下一页

醉清风2019-05-14技术6744

以laravel5.5为例:(不同版本可能位置不同)

默认的laravel分页模板位置:

\vendor\laravel\framework\src\Illuminate\Pagination\resources\views\default.blade.php

只需要根据需求,对html、css进行相应的修改即可。

页面调用:{{$articles->links()}}

laravel自带的default改一下

@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

201905144736_6041.png

扫描二维码至手机访问

扫描二维码推送至手机访问。

版权声明:本文由红柚酱发布,如需转载请注明出处。

转载请注明出处:https://www.notenet.cn/post/47.html

标签: laravel

相关文章

Nginx日志常用统计分析命令

Nginx日志常用统计分析命令

IP相关统计统计IP访问量(独立ip访问数量)awk '{print $1}' access.log | sort -n&n...

Linux 运维必备的 13 款实用工具

Linux 运维必备的 13 款实用工具

介绍几款 Linux 运维比较实用的工具,希望对 Linux 运维人员有所帮助。1.查看进程占用带宽情况 - NethogsNethogs 是一个终端下的网络流量监控工具可以直观的显示每个进程占用的带...

linux/tar分卷打包及还原方法分享

linux/tar分卷打包及还原方法分享

tar工具是以前备份文件的可靠方法,几乎可以工作于任何环境中,Linux老用户一般都信赖它。 Linux中以.tar结尾的文件都是用tar创建的。它的使用超出了单纯的备份,可用来把许多不同文件放到一起...

Truncate Table的用法讲解

Truncate Table的用法讲解

TRUNCATE TABLE删除表中的所有行,而不记录单个行删除操作。语法TRUNCATE TABLE name参数name是要截断的表的名称或要删除其全部行的表的名称。注释TRU...

Mysql 5.7 设置root账号密码并可以远程登录

Mysql 5.7 设置root账号密码并可以远程登录

1.跳过密码验证如果首次安装没有密码,修改 /etc/my.cnf,在 [mysqld] 小节下添加一行:skip-grant-tables=1这行代码意思就是跳过跳过授权表,即是可以跳过密码验证直接...