讲师中心 微信公众号
AI工具推荐 视频效率加速

使用Layui和ThinkPHP怎么实现分页_Layui分页对接【教程】

酷杰姑娘_5821

酷杰姑娘_5821

发布时间:2026-03-28 10:21:11

|

888人浏览过

|

来源于php中文网

原创

ThinkPHP后端需手动构造Layui分页JSON格式:code=0、msg为空、count为$total()结果、data为$items()数组;前端laypage需url含?page={{page}}&size={{limit}},参数名与TP的input('page')/input('size')对齐。

使用layui和thinkphp怎么实现分页_layui分页对接【教程】

ThinkPHP 后端怎么返回 Layui 分页需要的数据格式

Layui 的 laypage 组件不认 ThinkPHP 默认的分页数组结构,直接传 $list->render() 或 $list->toArray() 会丢总数、当前页、总页数等关键字段,前端翻页就失效。

必须手动构造 Layui 要的 JSON 结构,核心字段是:code(固定 0)、msg(可空)、count(总记录数)、data(当前页数据数组)。

  • 用 $list->total() 拿总数,别用 count($list) —— 那只是当前页条数
  • $list->currentPage() 和 $list->lastPage() 可选,Layui 不强制要,但后端分页逻辑得靠它算偏移量
  • 数据体用 $list->items(),不是 $list->all(),后者可能带元信息干扰渲染
// ThinkPHP 6 示例(控制器中)
$data = [
    'code'  => 0,
    'msg'   => '',
    'count' => $list->total(),
    'data'  => $list->items()
];
return json($data);

Layui 前端 laypage.render() 怎么配参数对接 TP 接口

重点在 url、page、limit 三个参数联动后端。Layui 默认把当前页叫 page,每页条数叫 limit,TP 的分页方法默认接收 page 和 size(不是 limit),不统一就会查错页。

  • url 必须带问号,比如 '/api/article?page={{page}}&size={{limit}}',不然 Layui 不自动拼参
  • limits 数组写成 [10, 20, 50] 就行,别写字符串;改 limit 会触发新请求,TP 要能识别 size
  • 后端若用 input('page/d', 1) 和 input('size/d', 10) 接参,就和前端完全对齐
  • 别漏 jump 回调——页码变化时要重新渲染内容区,否则点页码没反应
// Layui 示例(JS 中)
laypage.render({
  elem: 'page',
  url: '/api/article?page={{page}}&size={{limit}}',
  page: {curr: 1},
  limits: [10, 20, 50],
  jump: function(obj, first) {
    if (!first) {
      // 发起 AJAX,把 obj.curr 和 obj.limit 传过去
      axios.get(obj.url).then(res => {
        $('#list').html(template(res.data.data));
      });
    }
  }
});

为什么 Layui 翻页后数据没变,或报 404 / 500

90% 是前后端参数名或路径没对上,不是代码写错,而是“以为对上了”。

立即学习“PHP免费学习笔记(深入)”;

  • 检查浏览器 Network → XHR,点一页,看实际发出的 URL 是什么,对比后端路由是否匹配(比如 TP 路由定义是 api/article,但 JS 写成 /api/articles)
  • 看响应体是不是标准 JSON,有没有 PHP warning 混在里面(常见于开启 debug 后未关闭,输出了 notice 导致 JSON 解析失败)
  • TP 中用 paginate() 时,如果模型没设置主键或主键名不是 id,total() 可能不准,导致 count 字段比实际小,最后几页空白
  • Layui 的 elem 是容器 ID,别写成 class 或标签名;且该容器不能是 <table> 直接子元素,否则渲染错位

ThinkPHP 分页性能差?Layui 加载慢怎么优化

TP 默认用 COUNT(*) 查总数,大表下明显卡顿。Layui 分页本身无缓存,每次翻页都重请求,放大后端压力。

  • 总数能预估就别 COUNT:比如后台管理场景,日活用户数稳定,可缓存一个近似值,用 withCount() 替代全表 COUNT
  • TP6+ 可用 simplePaginate() 关闭总数查询,但 Layui 需要 count 字段,所以得自己补——比如从 Redis 读缓存总数
  • 前端加 loading 效果,用 loading: true 参数,避免用户狂点
  • 接口加 ETag 或 Last-Modified,让浏览器缓存历史页(需后端配合,TP 可用 response()->withEtag())

最常被忽略的是:TP 的分页对象在 JSON 输出前没清理掉内部的 Query 实例引用,导致序列化卡死或内存溢出。务必用 ->items() 和 ->total() 显式取值,别直接 json($list)。

PHP速学教程(入门到精通)
PHP速学教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门AI工具

更多
UP简历
UP简历 Hot

一款AI办公效率工具,主要用于基于AI技术的免费在线简历制作工具,适合需要提升相关任务效率的用户。

UpDream
UpDream Hot

一款AI视频创作工具,主要用于哔哩哔哩推出的自研AI视频创作工具,适合需要提升相关任务效率的用户。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

Seko
Seko Hot

一款AI视频创作工具,主要用于商汤科技推出的创编一体的AI短视频创作Agent,适合需要提升相关任务效率的用户。

音述AI
音述AI Hot

一款AI音频处理工具,主要用于音述AI是一个以“用声音述说故事”为核心的 AI 音乐创作与声音分享社区,适合需要提升相关任务效率的用户。

立刻MV
立刻MV Hot

立刻MV是一款AI文本写作工具,AI 音乐视频(MV)创作工具。

AionClaw
AionClaw Hot

AionClaw是一款面向办公、创作和编程任务的AI桌面智能体。

相关专题

更多
json数据格式
json数据格式

JSON是一种轻量级的数据交换格式。本专题为大家带来json数据格式相关文章,帮助大家解决问题。

2115

2023.08.07

json是什么
json是什么

JSON是一种轻量级的数据交换格式,具有简洁、易读、跨平台和语言的特点,JSON数据是通过键值对的方式进行组织,其中键是字符串,值可以是字符串、数值、布尔值、数组、对象或者null,在Web开发、数据交换和配置文件等方面得到广泛应用。本专题为大家提供json相关的文章、下载、课程内容,供大家免费下载体验。

3222

2023.08.23

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

1096

2023.10.13

go语言处理json数据方法
go语言处理json数据方法

本专题整合了go语言中处理json数据方法,阅读专题下面的文章了解更多详细内容。

3679

2025.09.10

thinkphp和laravel哪个简单
thinkphp和laravel哪个简单

对于初学者来说,laravel 的入门门槛较低,更易上手,原因包括:1. 更简单的安装和配置;2. 丰富的文档和社区支持;3. 简洁易懂的语法和 api;4. 平缓的学习曲线。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

4141

2024.04.10

thinkphp性能怎么样
thinkphp性能怎么样

thinkphp 是一款高性能的 php 框架,具备缓存机制、代码优化、并行处理和数据库优化等优势。官方性能测试显示,它每秒可处理超过 10,000 个请求,实际应用中被广泛用于京东商城、携程网等大型网站和企业系统。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

1360

2024.04.10

ThinkPHP6后台管理系统开发与RBAC权限控制实践
ThinkPHP6后台管理系统开发与RBAC权限控制实践

本专题围绕 ThinkPHP6 在后台管理系统开发中的应用展开,重点讲解基于 RBAC 模型的权限控制实现方案。内容涵盖管理员角色设计、菜单权限分配、接口鉴权、中间件拦截机制以及后台模块化开发思路。同时结合实际案例,讲解如何构建完整的后台管理系统,包括用户管理、权限管理与操作日志记录,帮助开发者搭建安全、可扩展的企业级后台系统。

583

2026.03.20

ThinkPHP API接口开发与前后端分离实战
ThinkPHP API接口开发与前后端分离实战

本专题围绕ThinkPHP在前后端分离项目中的 API 开发展开,系统讲解 RESTful 接口设计规范、统一返回结构、参数验证与异常处理机制。内容涵盖 Token 鉴权、跨域处理、接口版本管理以及接口文档生成方案。通过完整项目案例,帮助开发者构建规范、高效、易维护的后端接口服务体系。

364

2026.03.20

OpenJDK JVM参数怎么调优
OpenJDK JVM参数怎么调优

Java应用运行缓慢,如何调整JVM参数?本专题介绍OpenJDK JVM性能调优的基本流程,涵盖性能指标确认、运行数据采集、内存配置和垃圾回收分析,帮助你先定位瓶颈,再通过对照测试验证效果,避免直接套用参数而影响应用稳定性。

20

2026.10.16

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
热门推荐
/
最新课程
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn