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

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

醉清风2019-05-14技术7509

以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

相关文章

CentOS 7 下安装 Nginx

CentOS 7 下安装 Nginx

安装所需环境Nginx 是 C语言 开发,建议在 Linux 上运行,当然,也可以安装 Windows 版本,本篇则使用 CentOS 7 作为安装环境。一. gcc 安装安装 n...

服务器漏洞修复持续更新中

服务器漏洞修复持续更新中

一、RHSA-2020:1176-低危: avahi 安全更新软件:avahi-libs 0.6.31-17.el7命中:avahi-libs version less than 0:0.6.31-2...

ThinkPHP5.* URL重写

ThinkPHP5.* URL重写

可以通过URL重写隐藏应用的入口文件index.php,下面是相关服务器的配置参考:[ Apache ]httpd.conf配置文件中加载了mod_rewrite.so模块AllowOverride...

wangEditor3菜单修改之如何添加分割线

wangEditor3菜单修改之如何添加分割线

wangEditor —— 轻量级 web 富文本编辑器,配置方便,使用简单。支持 IE10+ 浏览器。官网:www.wangEditor.com文档:www.kancloud.cn/wangfupe...

Linux环境下iptables查看、添加、删除和修改命令如何用?

Linux环境下iptables查看、添加、删除和修改命令如何用?

1、iptables 查看命令:iptables -nL –line-number-n 不对 ip 地址进行反查,加上这个参数显示速度会快很多;-L 查看当前表的所有规则,默认查看的是 filter...