第二单元 本机演示：定向提交
第7课 对接层：字段要对齐
为接后端做准备：分清改界面、改请求、还是改提示。
字段名对不齐，墙就会装傻。一次只改对接那一层。
约定稳了，后面接真表才不崩。
改完再走一遍提交，亲手确认。
一、这一课怎么学
- 开始前你要会：会打开浏览器，会打字。
- 怎样算做完：完成「轮到你做」，并在嵌入工具里留下可预览文件。
- 建议：先读「弄懂这件事」，再做练习。
二、学完你能做到
- 能判断问题在哪一层。
- 能写出对接前的字段约定草稿。
- 改一处后会回归点验。
三、弄懂这件事
这一课就这几小步：
1．层
对接前先分清几层：界面、本机数据、以及即将到来的请求与表。
字段名对不齐，墙就会装傻；一次只改对接那一层。
层分清了，出问题才知道该查界面还是该查约定。
2．约定草稿
约定要先写在纸上，再写进代码。
字段名可以先定：to、content、status，意思分别是接收人、内容、状态。
约定稳了，后面接真表才不崩。
3．改法
对氛围编程工具里的 AI 下单要收窄范围。
例如：只改提交函数，不要动外观。
改完再走一遍提交，亲手确认「我发出的」有没有 +1。
点一点就明白
点下面的按钮，看屏幕上发生了什么。
四、先跟着做
对照例子想清楚
用自己的话重述本课成功标准。
做对了会怎样你写出来的标准，别人打开页面点几下就能核对是不是做到了，而不是只有形容词。
指出哪一步必须自己点，不能听 AI 口头说完成。
做对了会怎样你明确写出：必须自己打开页面点一遍；AI 口头说「完成了」不能算数。
五、轮到你做
对接分层卡
给三个故障选层：按钮灰了、列表不加、准备换接口。
做对了会怎样你选对了该改的那一层（结构 / 样式 / 逻辑），没有乱改别层。
做不出来怎么办按钮灰→界面；列表不加→数据/逻辑；换接口→接口层。
写字段约定三行。
做对了会怎样数据里有 status（或等价状态）字段。
做不出来怎么办状态值先用 pending / approved 两个词区分。
只改一处并点验。
做对了会怎样改动或测试有简短记录可查。
做不出来怎么办对 AI 限令写：禁止整页推倒重来。
用下面嵌着的氛围编程工具。写完在工具里看预览，文件是
show/l07.html。做对了会怎样在嵌着的工具预览里，你能亲眼看见本课要求的按钮、分数或流程文字，而不是只有说明。
做不出来怎么办先在预览里自己点一遍；文件名必须和例子上写的完全一样，改完再刷新预览。
本节例子
下面整段是给 AI 的提示词示例：写清目标、范围和怎样算做成；请整段使用，不要只丢半句。工具嵌在下方。本课文件是 show/l07.html。
做单个 HTML，标题「对接分层」。说明页。 包含：前端 / 约定 / 数据 三层各一句说明；字段约定表（to、content、status）；一句「只改一处」的示例求助句。 适合投影；不要真接口。
正在打开氛围编程工具…若长时间空白请强制刷新。
六、小心这些错
为对接让 AI 重写整站。
字段名口头随便说。
七、带走这几句
- 字段和路径先约定清楚，再写真正的接口调用。
- 迭代一次只动一层或一处，改完立刻点验。
八、打勾再往下
- 有字段草稿。
- 分层判断练习完成。
小测验
对照上面「学完你能做到」选一个答案，再点「检查」。
准备接接口时先？
只改提交逻辑应避免？
status 例子？