跳转到内容

前端与界面 · DEFINED TERM

加载、空状态与错误状态

界面必须说明正在等待、确实没有数据,还是请求失败。

你可能会这样说“别一直白屏,告诉我是加载中、没有内容还是出错了”

VISUAL EXAMPLE

先看懂它怎么工作

加载、空状态与错误状态
层 1发起任务
层 2显示加载
层 3根据结果进入成功、空或错误分支

MECHANISM

运行机制

  1. 发起任务
  2. 显示加载
  3. 根据结果进入成功、空或错误分支

USE WHEN

适合这样用

让异步操作有可理解的状态反馈

NOT FOR

不要这样理解

不要把空数据和网络错误显示成同一个空白页面

TELL YOUR AGENT

可直接发给 Agent

请按“加载、空状态与错误状态”的概念处理这个需求:别一直白屏,告诉我是加载中、没有内容还是出错了。先说明实现边界,再给出可检查的结果。

ACCEPTANCE

怎么确认它真的做好了

慢网、零结果和失败时都有明确文字及下一步

OFFICIAL SOURCES

官方来源