第一单元 点赞墙产品
第2课 用户角色：发送·审核·接收
用点赞墙重温：用户、任务、界面、状态——服务多人场景。
点赞墙里有三种人：发送者、管理员、接收者——每人看见的界面不一样。
先分清角色，再画页面，才不会做成「一个人的记事本」。
今天把任务和状态说清楚，后面接口才接得上。
一、这一课怎么学
- 开始前你要会：会打开浏览器，会打字。
- 怎样算做完：完成「轮到你做」，并在嵌入工具里留下可预览文件。
- 建议：先读「弄懂这件事」，再做练习。
二、学完你能做到
- 能区分三类角色任务。
- 能写出提交前后状态对照。
- 能为界面分区命名。
三、弄懂这件事
这一课就这几小步：
1．三角色
点赞墙里至少有三种人：发送者、管理员、接收者。
发送者负责提交；管理员负责审核；接收者查看已通过的赞。
每人看见的界面不一样，先分清角色，再画页面。
2．任务
任务仍用动词写，才好验收。
例如：选接收人、写一句赞、提交、通过、查看。
写清「谁做什么」，后面接口才接得上。
3．状态
状态变化要写到眼睛看得见。
提交前待审核可以是 0 条；提交后「我发出的」应增加 1 条。
管理员通过后，接收者那边才会出现可见内容。
点一点就明白
点下面的按钮，看屏幕上发生了什么。
四、先跟着做
对照例子想清楚
用自己的话重述本课成功标准。
做对了会怎样你写出来的标准，别人打开页面点几下就能核对是不是做到了，而不是只有形容词。
指出哪一步必须自己点，不能听 AI 口头说完成。
做对了会怎样你明确写出：必须自己打开页面点一遍；AI 口头说「完成了」不能算数。
五、轮到你做
点赞状态卡
写三类角色各一个任务。
做对了会怎样发送者、接收者、管理员三角色都写了各自要做的动作。
做不出来怎么办同学：提交赞；接收人：查看收到的；管理员：点通过。
画/列四个界面区。
做对了会怎样结构里同时有「我发出的」和「我收到的」。
做不出来怎么办对照本课结构图填三角色和分区名。
写提交前后状态对照。
做对了会怎样操作前后列表条数有变化，能数得出来。
做不出来怎么办对照条数或分数从 0 变成 1，写进验收句。
用下面嵌着的氛围编程工具。写完在工具里看预览，文件是
show/l02.html。做对了会怎样在嵌着的工具预览里，你能亲眼看见本课要求的按钮、分数或流程文字，而不是只有说明。
做不出来怎么办先在预览里自己点一遍；文件名必须和例子上写的完全一样，改完再刷新预览。
本节例子
下面整段是给 AI 的提示词示例：写清目标、范围和怎样算做成；请整段使用，不要只丢半句。工具嵌在下方。本课文件是 show/l02.html。
做单个 HTML，标题「点赞墙·状态卡」。说明页，不要真提交逻辑。 必须包含： 1）三角色任务表：三角色任务流：发送·审核·接收各写一个动词任务； 2）提交前后状态对照：例如「我发出的」从 0 条到 1 条（待审核），要写得能用眼睛核对。 排版清楚；不要服务器。
正在打开氛围编程工具…若长时间空白请强制刷新。
六、小心这些错
只写一个「用户」含糊所有角色。
状态不可观察。
七、带走这几句
- 做多人产品先分清角色：谁发、谁审、谁看见。
- 验收状态时，用条数变化或文案变化来描述，别只说「好了」。
八、打勾再往下
- 三角色任务齐全。
- 有状态对照。
小测验
对照上面「学完你能做到」选一个答案，再点「检查」。
管理员的核心任务？
状态例子？
本课不重讲？