本单元要做什么
搭建列表、表单与结果页
完成后怎么用
核对好这次成果，接着做“表单要收什么，把字段和数据流定好”。已有资料可以直接进入。
1
准备资料
先把下面的信息放进资料区。已有的前置成果可以直接使用，缺项请写“待确认”。
- 需求流程页面与设备
- 01-案例输入资料.txt
- 教学补充/接口请求案例.csv
2
使用提示词
这项任务按以下步骤处理
- 按任务画页面关系
- 每页列操作与反馈
- 设计空状态与回退
- 检查手机与键盘
- 将本单元的页面结构具体写成：页面与导航、信息层级、按钮交互、空加载错误状态、手机布局、验收动作。
- 对照本单元检查点“界面不代替后台能力；主动作明显”核验成果，保存实际操作或人工检查记录，说明未验证部分。
输出分为：页面结构、交互、验收。
交付中必须写清哪些内容？
- 页面与导航、信息层级、按钮交互、空加载错误状态、手机布局、验收动作。只记录实际输入支持的内容，实际操作未执行时保留待验证。
查看本任务的判断与操作方法
本单元学习重点：设计页面和操作反馈。本次练习：搭建列表、表单与结果页。
- 按任务画页面关系
- 每页列操作与反馈
- 设计空状态与回退
- 检查手机与键盘
- 将本单元的页面结构具体写成：页面与导航、信息层级、按钮交互、空加载错误状态、手机布局、验收动作。
- 对照本单元检查点“界面不代替后台能力；主动作明显”核验成果，保存实际操作或人工检查记录，说明未验证部分。
- 缺少本单元需要的资料时先列缺项，不假装已完成前置任务
- 工具未实际执行的操作不写成完成状态，给出可验证的步骤
这一步用什么工具？
先在上方填资料、整理提示词，再复制给文字工具；制作或管理工具按各自步骤使用。
3
检查成果，接着做
- 界面不代替后台能力
- 主动作明显
- 事实、数字和引用逐项回查原资料；未核对项目标明待确认。
- 交付数量不足时解释原因，不以同义改写凑数。
示例
先看资料，再看参考写法
本次教学输入
【开发练习需求】活动报名管理工具。字段：姓名代号、角色类别、是否确认、备注。只使用模拟代号，不录入真实电话。支持添加、编辑、删除、分类筛选与JSON导出。表单必须校验非空姓名和有效类别，空数据要有提示。练习版数据仅保存在当前浏览器，不代表公网多用户系统；正式多用户需要服务端、账号和权限。 本单元任务：搭建列表、表单与结果页。未提供的上一步成果请自行补充，不能假装已经完成。
01页面结构
02交互
03验收
交付结构：可操作页面原型。参考操作：搭建列表、表单与结果页。核查时保留输入依据、待确认项和修改记录；这里仅展示结构，不代表完成了本单元任务。
检查重点：界面不代替后台能力；主动作明显
这里展示成果格式或参考片段，完整内容需根据你的资料生成。
课堂练习与验收
- 阅读输入，找出事实、冲突与缺项。
- 按本任务的处理步骤完成可操作页面原型。
- 根据检查清单标出问题，保留修订前后版本。
- 完成可操作页面原型，记录一处修改及其依据。
原文与方法资料
提示词由有光整理。下面是相关方法的原文链接，可按需要继续阅读。
网站SEO检查 ↗
查看具体任务指令与处理步骤；这是外部原文索引，有光提示词独立整理。工具连接须另外配置。
Anthropic · 2026-10-03Google：SEO新手指南 ↗
参考可抓取内容、网站结构与搜索准备。
Google · 2026-10-03中文：把任务拆成连续步骤 ↗
先阅读中文方法，再练习本页任务。
DAIR.AI · 2026-10-03拆分连续任务 ↗
学习将复杂任务分成可核对的步骤。
Anthropic · 2026-10-03