第二单元 本机演示：定向提交
第8课 完成：本机演示 v1
单元成果：本机可演示定向提交，并封存 versions/v1。
v1 收官：本机定向提交可演示，记得封存。
给同学看「发出→列表出现」这一下就够燃。
下一单元要把数据存进真表。
一、这一课怎么学
- 开始前你要会：会打开浏览器，会打字。
- 怎样算做完：完成「轮到你做」，并在嵌入工具里留下可预览文件。
- 建议：先读「弄懂这件事」，再做练习。
二、学完你能做到
- 完整演示本机路径。
- versions/v1 存在。
- 写下接真表时要改的一处。
三、弄懂这件事
这一课就这几小步：
1．演示脚本
v1 收官演示，不只演成功，也要演一次失败样例。
例如空提交：应出现人话提示，并且列表不乱加。
给同学看「发出→列表出现」这一下就够燃，失败样例证明你真验收过。
2．封存
能演示再复制一份封存，不要边改边丢唯一份。
本机定向提交可演的这一版，后面接真表时会用到。
有退路，才敢放心进入下一单元。
3．下一步
下一单元要讲请求、表和接口，把数据存进真表。
今天先保住：本机主路径可演示。
结构、人话、约定都稳了，接表才省事。
四、先跟着做
对照例子想清楚
用自己的话重述本课成功标准。
做对了会怎样你写出来的标准，别人打开页面点几下就能核对是不是做到了，而不是只有形容词。
指出哪一步必须自己点，不能听 AI 口头说完成。
做对了会怎样你明确写出：必须自己打开页面点一遍；AI 口头说「完成了」不能算数。
五、轮到你做
v1 封存与演示
按脚本自演成功与失败。
做对了会怎样成功路径和失败提示路径都亲手走过。
做不出来怎么办试一次空内容提交，看是否有人话提示。
封存 versions/v1/index.html。
做对了会怎样文件能打开，预览不是空白或报错。
做不出来怎么办从 my-wall 复制一份再动手改。
写「接真表时要改的一处」。
做对了会怎样说明里提到了请求接口或保存数据。
做不出来怎么办本机 push 跑通后，再把提交改成调用接口。
用下面嵌着的氛围编程工具。写完在工具里看预览，文件是
versions/v1/index.html。做对了会怎样在嵌着的工具预览里，你能亲眼看见本课要求的按钮、分数或流程文字，而不是只有说明。
做不出来怎么办先在预览里自己点一遍；文件名必须和例子上写的完全一样，改完再刷新预览。
本节例子
工具打开时会先把上一课成果放进「代码」和「效果」。下面提示词请整段发送，在已有成果上小步改，不要整页重写。本课文件是 versions/v1/index.html。
整理一份可课堂演示的本机点赞墙 v1（代码区已有可提交的 v1 雏形，请小步打磨，不要无故整页重写）： - 登录 → 选接收人 → 提交 →「我发出的」可见待审核； - 空提交有人话提示； - 页底写：数据在本机 localStorage，不是云端。 做成后我要当面演示主路径。
正在打开氛围编程工具…若长时间空白请强制刷新。
六、小心这些错
未封存就大改。
演示只演成功不演失败。
七、带走这几句
- v1 目标：本机主路径能完整演示一遍。
- 接后端前先封存能玩的前端版，留退路。
八、打勾再往下
- 演示脚本过关。
- v1 已封存。
小测验
对照上面「学完你能做到」选一个答案，再点「检查」。
v1 关键能力？
封存后？
下一单元主题？