Laravel如何自定义分页视图?(Pagination示例)

发布时间 - 2025-12-12 00:00:00    点击率:
Laravel 自定义分页视图需先执行 php artisan vendor:publish --tag=laravel-pagination 发布默认模板,再通过 $paginator->links('pagination.custom') 指定视图或在 AppServiceProvider 中设 Paginator::defaultView() 全局生效。

在 Laravel 中自定义分页视图,核心是替换默认的 resources/views/vendor/pagination 下的 Blade 模板文件,或通过 links() 方法指定自定义视图名称。

复制默认分页视图到项目中

Laravel 的分页视图默认由框架提供,但允许你覆盖。只需运行以下命令,Laravel 会自动把默认分页模板发布到你的项目里:

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

执行后,会在 resources/views/vendor/pagination 目录下生成多个 Blade 文件(如 tailwind.blade.phpbootstrap-5.blade.php 等),你可以任选一个作为基础修改。

使用自定义视图名称渲染分页

在控制器或 Blade 模板中调用分页时,不直接用 $users->links(),而是传入视图路径:

  • {{$users->links('pagination.custom')}} → 对应 resources/views/pagination/custom.blade.php
  • 视图文件中可自由写 HTML + Blade 逻辑,例如用 @if($paginator->onFirstPage()) ... @endif 控制上一页按钮是否禁用
  • 常用变量:$paginator(分页器实例)、$elements(页码数组)、$previousPageUrl$nextPageUrl

编写一个极简自定义分页模板

比如新建 resources/views/pagination/simple.blade.php

  @if ($paginator->onFirstPage())
    上一页
  @else
    previousPageUrl() }}">上一页
  @endif

  @foreach ($elements as $element)
    @if (is_string($element))
      {{ $element }}
    @endif

    @if (is_array($element))
      @foreach ($element as $page => $url)
        @if ($page == $paginator->currentPage())
          {{ $page }}
        @else
          {{ $page }}
        @endif
      @endforeach
    @endif
  @endforeach

  @if ($paginator->hasMorePages())
    nextPageUrl() }}">下一页
  @else
    下一页
  @endif

然后在模板中调用:{{$users->links('pagination.simple')}}

全局设置默认分页视图(可选)

App\Providers\AppServiceProvider@boot() 中添加:

use Illuminate\Pagination\Paginator;

Paginator::defaultView('pagination.simple');
// 或针对特定引擎(如 Bootstrap 5)
Paginator::defaultSimpleView('pagination.simple');

这样所有 $data->links() 都会自动使用该视图,无需每次手动指定。

基本上就这些。改样式靠 HTML/CSS,改逻辑靠 Blade 判断,关键在于理解 $paginator 提供的 API 和渲染流程。


# css  # php  # laravel  # html  # bootstrap  # app  # ai  # win  # if  # 分页  # 自定义  # 上一页  # 下一页  # 你可以  # 多个  # 只需  # 会在  # 可选  # 关键在于 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: 详解ASP.NET 生成二维码实例(采用ThoughtWorks.QRCode和QrCode.Net两种方式)  Edge浏览器怎么启用睡眠标签页_节省电脑内存占用优化技巧  Laravel项目结构怎么组织_大型Laravel应用的最佳目录结构实践  黑客如何利用漏洞与弱口令入侵网站服务器?  教你用AI将一段旋律扩展成一首完整的曲子  网站建设要注意的标准 促进网站用户好感度!  利用vue写todolist单页应用  用yum安装MySQLdb模块的步骤方法  怎么用AI帮你设计一套个性化的手机App图标?  ,交易猫的商品怎么发布到网站上去?  使用豆包 AI 辅助进行简单网页 HTML 结构设计  如何在万网利用已有域名快速建站?  Laravel怎么配置S3云存储驱动_Laravel集成阿里云OSS或AWS S3存储桶【教程】  如何在宝塔面板中修改默认建站目录?  高端建站三要素:定制模板、企业官网与响应式设计优化  如何在Windows服务器上快速搭建网站?  如何基于云服务器快速搭建网站及云盘系统?  奇安信“盘古石”团队突破 iOS 26.1 提权  Laravel Vite是做什么的_Laravel前端资源打包工具Vite配置与使用  宙斯浏览器怎么屏蔽图片浏览 节省手机流量使用设置方法  如何登录建站主机?访问步骤全解析  HTML5建模怎么导出为FBX格式_FBX格式兼容性及导出步骤【指南】  香港代理服务器配置指南:高匿IP选择、跨境加速与SEO优化技巧  Laravel如何实现多语言支持_Laravel本地化与国际化(i18n)配置教程  如何在 Go 中优雅地映射具有动态字段的 JSON 对象到结构体  如何在阿里云服务器自主搭建网站?  北京网站制作公司哪家好一点,北京租房网站有哪些?  利用JavaScript实现拖拽改变元素大小  如何在建站主机中优化服务器配置?  Linux安全能力提升路径_长期防护思维说明【指导】  如何打造高效商业网站?建站目的决定转化率  如何用免费手机建站系统零基础打造专业网站?  如何用AWS免费套餐快速搭建高效网站?  浅析上传头像示例及其注意事项  Laravel如何与Vue.js集成_Laravel + Vue前后端分离项目搭建指南  JavaScript如何实现音频处理_Web Audio API如何工作?  如何解决hover在ie6中的兼容性问题  Laravel如何获取当前登录用户信息_Laravel Auth门面使用与Session用户读取【技巧】  Laravel如何使用Spatie Media Library_Laravel图片上传管理与缩略图生成【步骤】  如何快速搭建自助建站会员专属系统?  如何在建站之星网店版论坛获取技术支持?  html5audio标签播放结束怎么触发事件_onended回调方法【教程】  Laravel怎么为数据库表字段添加索引以优化查询  详解阿里云nginx服务器多站点的配置  标题:Vue + Vuex + JWT 身份认证的正确实践与常见误区解析  CSS3怎么给轮播图加过渡动画_transition加transform实现【技巧】  如何快速搭建高效WAP手机网站吸引移动用户?  php增删改查怎么学_零基础入门php数据库操作必知基础【教程】  Win11怎么开启自动HDR画质_Windows11显示设置HDR选项  Laravel怎么使用Intervention Image库处理图片上传和缩放