轻松实现分页：thinkphp使用自定义样式【UI美化】
ThinkPHP分页需通过render()指定自定义模板路径，否则默认模板无效。分页链接需手动传入query数组保留搜索参数。样式冲突时不可删active与disabled类，应使用具体选择器覆盖。滚动问题可通过添加锚点或scrollIntoView解决。
用过 ThinkPHP 分页的同学大概都遇到过这几种情况：自己写的样式死活不生效；翻页的时候搜索关键词丢了；点下一页之后页面没动，但内容其实已经换了。问题出在哪儿？其实都不是框架的 bug，而是几个常见的细节没照顾到。今天我们就来把 ThinkPHP 的分页模板替换问题彻底拆解清楚。
ThinkPHP 分页模板怎么替换默认 HTML？
ThinkPHP 默认输出分页时，HTML 结构是写死的：一个 pagination class 的列表，里面全是 和 。你如果想用 Bootstrap 或者自定义 UI，直接套上去大概率会错位，样式根本不起作用。根本原因不是“模板不能改”，而是你没告诉框架“用什么模板”。
从 ThinkPHP 6.x 开始，分页的渲染逻辑已经变了。必须用 render() 方法显式指定一个自定义模板路径，否则无论你怎么折腾配置文件，它都会使用默认模板。这里面有几个关键点：
- 分页对象必须调用
$list->render()，而不是直接echo $list——后者会完全忽略你指定的模板。 - 模板文件的路径要写清楚，比如
'paginators/bootstrap5'，那它在视图目录下的真实位置就是view/paginators/bootstrap5.html。 - 模板内部能用的变量都有哪些？
$page（当前页码）、$total（总记录数）、$lastPage（总页数）、$hasPrev/$hasNext这些布尔值，都直接可用。 - 千万别在模板里写 PHP 逻辑。生成链接用 ThinkPHP 的模板语法就够了，比如
{:url('index', ['page' => $i])}。
如何让分页链接带查询参数（比如搜索关键词）？
这是另一个高频问题。默认情况下，分页生成的链接只保留 page 参数，其他像 ?keyword=abc&type=1 这些全都会被丢掉。用户翻页后，搜索条件就失效了。这可不是 bug，框架就是那么设计的——它需要你手动告诉它“把哪些参数带上”。
最稳妥的做法是在控制器里构造分页时，传入一个 query 选项：
request->param('keyword', '');
$type = $this->request->param('type', '');
$list = Db::name('article')
->where('title', 'like', "%{$keyword}%")
->where('type', $type)
->paginate([
'query' => ['keyword' => $keyword, 'type' => $type],
'page' => $this->request->param('page', 1),
]);
$this->assign('list', $list);
?>
query数组里的键值对，框架会自动拼接到每一页的 URL 里，你不需要手动去拼url()函数。- 如果参数是一个数组（比如
category[]=1&category[]=2这种），记得用http_build_query()提前处理，否则会被转成字符串。 - 有一个很容易踩的坑：别在模板里用
$Request.param()动态获取参数，因为分页链接生成时，上下文已经切换了，很容易漏掉参数甚至报错。
自定义分页样式时 class 冲突怎么办？
你写了个 pagination class 权重比你高；二是你删掉了框架依赖的关键状态 class。
- ThinkPHP 的分页模板里，当前页会带上
class="active"，上一页/下一页不可用时是class="disabled"。这两个 class 是框架渲染状态的基石，必须保留，否则很多基于状态的样式会完全失效。 - 尽量不要用
!important去强行覆盖。更好的做法是使用更具体的选择器，比如.my-pagination .active > a。 - 如果你用的是 Element Plus 之类的纯前端组件库，它的分页组件和 ThinkPHP 的服务端分页结构根本对不上，硬套是行不通的。要么老老实实改模板去适配，要么改用纯前端分页——这时候你就得上
limit+count了，别再走paginate。
为什么分页跳转后页面顶部没滚动到列表位置？
这个问题听起来像前端行为，但经常被误以为是“分页出错了”。点页码后浏览器默认跳到页面顶部，而你的列表可能在页面的中间或底部，所以视觉上就觉得“页面没动”。
- 最简单的解法：给列表容器加一个 id，比如 ，然后在分页链接里加上锚点：本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系bd@zhengruan.com
。- 如果你用了 pjax 或 AJAX 分页，那就得手动调用
scrollIntoView()了，比如document.getElementById('article-list').scrollIntoView({ beha vior: 'smooth' })。- 注意一点：锚点只对完整的页面跳转生效。如果是 AJAX 刷新内容，浏览器不会自动触发原生锚点滚动，这得靠你自己写代码来补上。
说到最后，ThinkPHP 分页的麻烦，从来不是样式写起来多复杂。真正的坑在于：参数怎么透传、哪些 class 绝对不能删、滚动行为怎么自己补。这些细节要是不处理好，UI 做得再漂亮，用户点一下翻页，页面也卡在第一屏动不了。
作者最新文章漫蛙2manwa2漫画最新版本下载安装 2026-10-13 13:42漫蛙2台版入口极速直达 2026-10-13 13:17免费漫蛙manwa官网入口 2026-10-13 13:15漫蛙manwa漫画网址大全 2026-10-13 13:15photoshop通道和蒙版在哪 2026-10-03 12:15相关文章 更多热门文章 更多精品专题 更多Mac软件 更多
AirBuddy 3 macOS版AirBuddy 3 是面向 macOS 的蓝牙外设增强工具，可集中查看 AirPods、Beats 与苹果设备电量，提供快速连接、播放控制、电量提醒、桌面小组件和多台 Mac 外设接力等功能。
AirServer macOS版AirServer macOS版可把 Mac 转换为无线投屏接收端，通过 AirPlay 或 Google Cast 接收手机、平板和电脑画面，并支持多设备同时连接、高清镜像及会话录制，适合家庭娱乐、课堂教学、会议演示和应用展示。
Beamer 4 macOS版Beamer 4是面向macOS的本地视频投屏工具，可将Mac中的影片投放到Apple TV、Chromecast及兼容设备，支持常见格式、多类字幕、环绕声、播放列表和电视遥控操作。
Boom 3D macOS版Boom 3D macOS版是一款系统级音效增强工具，可为音乐、电影、游戏和流媒体提供3D虚拟环绕声、31段均衡器、音量增强及应用独立音量控制，并支持本地播放器与多种音频输出设备。
Boris FX macOS版Boris FX macOS版是一套面向剪辑、合成、调色及动态图形工作的专业后期工具，涵盖视觉特效、平面与三维跟踪、转描、画面修复、粒子动画和音频清理，可配合多种主流宿主软件使用。
Capto macOS版Capto 是面向 macOS 的屏幕截图、高清录屏与媒体编辑工具，支持区域及整屏捕获、网页长截图、双音轨处理、图片和视频标注、素材分类与多渠道分享，适合教师、学生、内容创作者及需要制作演示教程的用户。
Cursor Crane macOS版Cursor Crane 是一款仅面向 macOS 的键盘操控效率工具，可通过提示标签、网格、文字查找和窗口模式完成点击、滚动、定位与切换，并支持屏幕内容提取、脚本及工作流扩展。
Deep Freeze 冰点还原 macOS版Deep Freeze 冰点还原 macOS版通过冻结系统配置，让受保护的Mac在重新启动后回到预设状态，并提供解冻空间、维护计划、密码保护及Apple Remote Desktop管理能力。
Focusky macOS版Focusky macOS版是一款面向教学课件、商务汇报、产品展示和动画宣传内容的演示制作工具。它通过无限画布、路径编排、缩放旋转转场及多媒体编辑，将传统逐页幻灯片转化为更具空间感的动态演示。
Folder Colorizer 2 macOS版Folder Colorizer 2 macOS版是一款直观的文件夹外观定制工具，可更换颜色，添加表情、贴纸及图片背景，并支持批量处理、智能推荐和恢复默认样式，帮助用户更快辨认工作、学习与生活资料。
WINDOWS 更多
AnyDesk Windows版AnyDesk Windows版是一款轻量化远程桌面与技术支持工具，可用于控制异地电脑、传输文件、远程打印及无人值守访问。它兼顾连接响应、安全权限和部署灵活性，适合个人远程办公、企业设备维护与客服支持。
Boom 3D Windows版Boom 3D Windows版是一款面向音乐、电影和游戏场景的系统级音效增强工具，支持虚拟3D环绕声、31段均衡器、预设音效、应用音量控制及本地音乐播放，可配合耳机、扬声器和蓝牙耳机使用。
Boris FX Windows版Boris FX Windows版是一套服务于影视剪辑、视觉特效、运动跟踪、转描、图像修饰及音频修复的专业创作工具集合，可作为插件接入多种主流后期宿主，也包含可独立运行的应用，适合剪辑师、特效师与内容创作者使用。
ChemDraw Windows版ChemDraw Windows版是一款面向化学研究、药物研发、材料科学和教学工作的专业结构绘图工具，可快速绘制分子、反应式及生物聚合物，并提供结构整理、格式转换、性质计算和科研文档协作能力。
CODESOFT Windows版CODESOFT Windows版是一套企业级条码与RFID标签设计打印工具，可连接Excel、Access、SQL及云端数据源，支持变量、表单、GS1条码、数据库记录和多种工业打印机，适合制造、仓储、物流及合规标识场景。
Deep Freeze 冰点还原 Windows版Deep Freeze 冰点还原 Windows版通过重启恢复技术保护系统盘及指定分区，自动撤销恶意程序、误操作和配置漂移造成的改动，并支持密码保护、解冻空间与多硬盘管理，适合学校机房、公共电脑、办公终端及家庭电脑使用。
EDIUS Windows版EDIUS 11 Windows版是一款面向影视制作、广播电视、纪录片、短视频及教育机构的专业非线性编辑工具，支持4K/8K、多格式混编、HDR调色、字幕、音频处理和后台渲染，并提供素材管理及丰富的导出预设。
FastStone Capture Windows版FastStone Capture Windows版是一款轻量级屏幕捕捉、录屏与图像编辑工具，可截取窗口、区域、菜单和滚动页面，并提供标注、模糊、取色、OCR、录音录像及多格式导出能力，适合办公说明、教程制作和问题反馈。
Focusky Windows版Focusky Windows版是一款动画演示与交互课件制作工具，通过无限画布、缩放旋转镜头、模板素材和对象动画组织内容，可导入PPTX，并输出视频、EXE、PDF、网页等格式，适用于课堂教学、微课、商务汇报及产品展示。
Folder Colorizer 2 Windows版Folder Colorizer 2 是面向 Windows 的文件夹颜色修改工具，可在资源管理器右键菜单中快速套用预设颜色，或通过 HEX 色值创建个性颜色，帮助用户直观区分项目、课程、素材与任务状态。
FumeFX Windows版FumeFX Windows版是一款集成在3ds Max中的流体与多物理场特效插件，支持火焰、烟雾、液体、海洋、粒子及布料模拟，并提供GPU加速、节点化控制和缓存处理工具，适合影视、动画与游戏特效制作。
Fuzor Windows版Fuzor Windows版是一套面向建筑、工程与施工团队的BIM/VDC平台，可汇集多来源模型和进度数据，完成实时可视化、4D施工推演、场地物流规划、问题检查、成果演示及团队协同。
- 如果你用了 pjax 或 AJAX 分页，那就得手动调用
