分页功能需明确定义行为规则与字段依赖：①写四条可验证约定；②声明total/page/pageSize字段结构；③设置搜索重置页码策略；④用边界用例驱动校验逻辑。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
让码上飞AI生成的网站内容支持分页，关键在于明确翻页逻辑与数据状态的联动关系，而不是只加几个页码按钮。用户在第三页筛选商品后删掉当前页最后一条，页面若卡在空页或跳回第一页，体验就断了。
先定义分页行为规则
打开码上飞AI首页，在需求输入框中写明分页必须响应的交互场景，不要用“正常分页”这类模糊表述。
第一步：写下至少四条可验证的行为约定，例如“搜索后结果不足一页时，不显示页码栏”“删除当前页末尾数据后，自动跳转到最后一页（若仍有数据）或第一页（若已清空）”“切换分类标签时，保留搜索词但重置页码为1”“从详情页返回列表时，恢复进入前的页码与筛选条件”。
第二步：把这四条直接粘贴进需求框，放在功能描述开头。Codex不会主动推导这些隐含逻辑，它只会按你写的字面执行。
第三步：补一句约束，“所有分页操作必须基于后端返回的total、page、pageSize字段计算，禁止前端硬编码页码数量”。【缺少total字段会导致页码栏无法隐藏或显示错误数字】
在需求描述中嵌入分页字段结构
方法一：在“需要保存的数据字段”部分，显式声明分页必需字段。
写：“列表接口返回JSON结构包含data数组、total（总条数）、page（当前页码）、pageSize（每页条数），前端据此渲染页码栏和禁用状态。”
方法二：用样例数据锚定格式。
写：“接口返回示例：{data:[{id:1,name:'书名A'},...], total:37, page:2, pageSize:10}，请据此生成分页组件。”
注意：如果漏写pageSize，生成的页码可能默认按20条/页计算，而你的接口实际返回10条，导致页码数对不上。
设置搜索与分页的联动开关
在需求框中单独起一行，写明搜索触发后的页码策略。
写：“每次发起新搜索请求时，强制page参数重置为1，且不保留历史页码。”
这一步不能省略。码上飞AI默认不会重置页码，它会把用户刚在第五页输入的关键词，带着page=5一起发出去，后端若没做拦截，就会返回空数据并卡在第五页。
如果业务要求保留原页码（极少见），则写：“搜索时page参数保持不变，由后端决定是否调整。”但需同步确认后端是否真支持该逻辑。
用小样本验证分页边界情况
在需求末尾追加一组测试用例，让Codex生成时内置校验逻辑。
写：“请确保以下情形能正确响应：① 总数25条→第一页显示1-10，第二页11-20，第三页21-25；② 搜索后只剩2条→仅显示第一页且无页码栏；③ 删除第三页最后一条（即第25条）→自动跳转至第三页并显示21-24；④ 切换分类后搜索词仍在输入框内，但页码回到1。”
这组样本不参与界面生成，但会驱动Codex在代码中插入对应的条件判断分支。
