你可能会说
列表有 200 条数据,不能全部加载出来,得分页显示。
分页是把大量内容拆成多页显示的导航方式——每页固定条数,用户翻页浏览。
内容太多时分成多页显示,底部有「上一页 1 2 3 下一页」。避免一次加载几千条数据卡死页面。
生活类比
像一本书——内容分成一页页,看完结尾翻页继续,不用一次摊开所有纸。
🎮 动手试试
👇 点击页码切换数据
关于「分页」,以下哪个描述最准确?
你可以这样告诉 AI
帮我实现分页:每页 12 条,底部分页器显示页码(当前页高亮),支持上一页/下一页,URL 带 ?page=2 参数。
分页是离散跳转(第1页→第2页),无限滚动是连续追加(滚到底自动加载)。
懒加载是延迟加载资源(图片进入视口才加载),分页是数据分批获取。
数据列表分页
搜索结果、订单列表、文章目录等数据量大时,每页展示固定条数,避免一次加载过多卡顿。
和 AI 协作时
想让 AI 做分页时,直接说「每页 12 条,底部分页器显示页码和上一页/下一页,URL 带 ?page= 参数」。
信息流浏览
社交动态、短视频等浏览型场景用无限滚动体验更流畅,分页会打断沉浸感。
与数据列表无关的项目
纯展示型页面或不需要分页逻辑的后端项目。
内容太多时分成多页显示,底部有「上一页 1 2 3 下一页」。避免一次加载几千条数据卡死页面。
像一本书——内容分成一页页,看完结尾翻页继续,不用一次摊开所有纸。
和 AI 沟通时提到「列表太长,加个翻页」,就是加分页功能。