第二单元 本机演示:定向提交

第6课 列表与错误提示

列表要读得懂;错误要用同学听得懂的话。

第6课 列表与错误提示
第6课 列表与错误提示
大约 40 分钟 这个单元只学:本机先跑通定向提交;封存可演示 v1

列表要让人一眼读懂;出错要说人话,别甩一串代码吓同学。

好提示也是产品的一部分。

今天把「看得懂」当成成功标准。

一、这一课怎么学

  • 开始前你要会:会打开浏览器,会打字。
  • 怎样算做完:完成「轮到你做」,并在嵌入工具里留下可预览文件。
  • 建议:先读「弄懂这件事」,再做练习。

二、学完你能做到

  • 三条人话提示。
  • 列表字段齐全。
  • 成功/失败提示位置靠近输入。

三、弄懂这件事

这一课就这几小步:

1.人话

提示要面向同学,用人话写,不吓人。

空内容、未选接收人、提交成功,各准备一句清楚说明。

同学一看就知道下一步该做什么,才算提示写对了。

2.列表字段

列表要让人一眼读懂,字段别藏太深。

至少能看见:接收人、文字摘要、待审核或已通过。

字段对了,后面接真表和审核才不容易装傻。

3.位置

提示放在输入区附近,出错时立刻看得见。

不要弹到无关页面,也不要只在控制台里喊。

位置对了,人话才真正帮得上忙。

记一句:人话面向同学——空、未选、成功,各一句说清。

四、先跟着做

对照例子想清楚

  1. 用自己的话重述本课成功标准。

    做对了会怎样你写出来的标准,别人打开页面点几下就能核对是不是做到了,而不是只有形容词。

  2. 指出哪一步必须自己点,不能听 AI 口头说完成。

    做对了会怎样你明确写出:必须自己打开页面点一遍;AI 口头说「完成了」不能算数。

五、轮到你做

人话与列表

  1. 写三句人话提示(成功 / 空内容 / 忙碌或失败)。

    做对了会怎样三句人话齐全,不拿生硬代码号当唯一提示。

    做不出来怎么办已送出,等审核;请填写赞语;现在忙,稍后再试。

  2. 列表每条显示三字段。

    做对了会怎样界面上能看见状态文字,例如待审核。

    做不出来怎么办状态文案先写「待审核」,放在提交按钮旁。

  3. 成功提示出现位置合理。

    做对了会怎样状态提示放在提交按钮附近,同学一眼能看见。

    做不出来怎么办把提示放在提交按钮旁边,字号醒目一点。

  4. 用下面嵌着的氛围编程工具。写完在工具里看预览,文件是 show/l06.html。

    做对了会怎样在嵌着的工具预览里,你能亲眼看见本课要求的按钮、分数或流程文字,而不是只有说明。

    做不出来怎么办先在预览里自己点一遍;文件名必须和例子上写的完全一样,改完再刷新预览。

本节例子

下面整段是给 AI 的提示词示例:写清目标、范围和怎样算做成;请整段使用,不要只丢半句。工具嵌在下方。本课文件是 show/l06.html。

做点赞页片段(可嵌在单页里):

1)提交区下方写三句人话提示:成功、空内容、忙碌(或暂时发不出);
2)「我发出的」列表示例三条,字段含:接收人、摘要、状态。

不要用错误码当唯一提示。不要服务器。

正在打开氛围编程工具…若长时间空白请强制刷新。

六、小心这些错

只 alert 英文堆栈。

列表只有一坨 JSON。

七、带走这几句

  • 界面文案用人话,面向同班同学,不炫技术语。
  • 列表要能扫读:谁、何时、什么状态,一眼能看清。

八、打勾再往下

  • 三句人话。
  • 列表三字段。

小测验

对照上面「学完你能做到」选一个答案,再点「检查」。

  1. 人话提示对象是?

  2. 列表最少应有?

  3. 提示位置?