展开本页目录
开始前准备什么
- 本地练习资料可免费编辑与检查；执行Stitch需要可访问账号和已配置的官方MCP或SDK，云端额度/计划以账户页面为准。
- 在隔离练习项目操作，保留projectId、screenId和版本；本稿未调用目标云端，不能据此声称生成完成。
- 画出最小流程
- 准备输入状态
- 进入Play原型
- 核对确认信息
- 检查错误与返回
- 分开验证后端边界
- 交付状态矩阵
1. 画出最小流程
列活动页、报名页、确认页和错误状态，标出目前缺确认页。
每一步写清页面应显示的信息，避免只有箭头没有内容。
2. 准备输入状态
使用虚构姓名“小林”、票数2和无效空手机号两份输入。
不提供真实个人信息，教程练习也不真的下单。
3. 进入Play原型
在Stitch点击Play，从报名按钮观察下一步。
当工具生成逻辑下一屏时登记其新页面身份。
官方界面与功能位置
以下为官方文档配图，具体版本与账号入口以当前产品为准。本课练习输入与验收对照见相邻步骤。
4. 核对确认信息
确认页应显示活动、票数和可返回修改入口。
如果只出现通用成功图而没保留输入，本课仍未完成。
5. 检查错误与返回
对空手机号应停留并提示，返回时保持已填票数。
原型无法表达真实校验时标为待实现，不能伪称业务逻辑完备。
6. 分开验证后端边界
检查是否存在实际提交接口与存储证据。
仅有原型时明确“演示动作”，不显示虚构支付或订单回执。
7. 交付状态矩阵
保存原型路径、生成屏幕和业务实现缺项。
不同状态用实际画面说明，未运行只保留作者流程样本。
下载本课材料并开始操作
练习包包含本课的具体输入、可编辑数据、正反样例与七步说明。index.html 可离线查看原件和验收参考，actual-results.csv 用于记录你实际操作后的结果。
怎样确认已经完成
- 缺失确认屏有明确输入/输出内容。
- 返回路径和错误状态分别核对。
- 原型成功与真实落库不混同。
常见问题
Stitch Play能自动补页面，那报名功能就做完了吗？
先列活动、报名、确认与错误状态，在 Play 中从报名按钮补出缺失确认屏，再核对虚构姓名、票数、返回和无效输入。原型走通只说明画面路径，不能声称后台已存报名记录。
确认页很好看但信息不对怎么办？
回看报名输入和状态矩阵，确认票数、活动名与返回路径逐项对应。通用成功画面不算完成这条流程。