本文总阅读量:  次 | 文章总字数: 4,261 字

天气空气质量看板功能需求文档

天气空气质量看板界面截图

所属分类：天气/空气质量
产品案例页：https://engineering.gugudata.com/products/weather/weather-air-dashboard/

产品定位与截图范围

天气空气质量看板属于天气/空气质量场景，面向城市运营和实时监测的天气空气质量看板，截图重点是监测城市、全国 AQI 地图、城市实况、天气空气质量、小时预报、日出日落、农历节气、预警和资料来源。这篇 PRD 只描述当前截图对应产品，页面目标是让业务方先理解这套界面的使用价值，再通过下方关联接口判断数据能力是否覆盖自己的项目。

产品需要把截图中的信息组织成可交付的软件需求：导航区说明用户能进入哪些业务模块，左侧区域说明对象如何被筛选和管理，中间区域说明核心处理任务如何完成，右侧区域说明结果、配置、统计或详情如何被核对。用户阅读后应能判断该系统适合解决什么问题、日常如何操作、输出什么结果、验收时看哪些指标。

目标用户与业务场景

主要用户包括：

  • 城市运营人员
  • 出行产品运营
  • 环境监测人员
  • 数据看板管理员
  • 客服服务人员

这些用户通常不是为了体验单点工具，而是为了在真实业务中持续处理数据、资料或任务。系统需要支持从对象导入、筛选定位、任务执行、结果核对到导出沉淀的完整流程。截图中的布局应被理解为高频工作台：左侧负责范围和对象，中间负责操作和主结果，右侧负责配置、质量、详情或辅助分析。每个区域都应服务于减少人工查找、重复录入和跨工具切换。

截图可见信息组织

顶部导航和一级模块包括：

  • 实时看板
  • 城市对比
  • 历史数据
  • 预警中心
  • 气象图层
  • 数据服务
  • 系统设置

左侧区域需求：左侧监测城市列表展示城市、天气图标、AQI 和温度，支持全部、关注和预警筛选，并显示更新状态、数据来源、更新频率和数据状态。

主工作区需求：中间地图展示全国空气质量分布，支持按 AQI 图层观察优、良、轻度、中度、重度、严重等级的站点数量。下方城市实况表展示天气、温度、体感、湿度、风向、风力、降水、AQI、PM2.5、PM10 和更新时间。

右侧与辅助区需求：右侧城市详情展示实时天气、温度、风向风力、气压、能见度、紫外线、空气质量指标、小时预报、日出日落、农历节气和资料来源。顶部支持刷新数据、导出看板、订阅预警和更多工具。

截图中的页面需要保持信息密度，但不能牺牲可读性。列表、筛选器、标签页、统计卡片、图表和操作按钮都应围绕当前业务对象展开。用户切换对象后，中间主内容和右侧详情必须同步，避免出现列表选中项、预览内容和统计结果不一致的情况。

核心功能需求

  1. 对象管理：系统应提供清晰的对象列表或对象树，支持搜索、筛选、分组、状态区分和批量操作。对象行需要展示足够的业务字段，让用户不进入详情也能判断当前对象是否值得处理。

  2. 主任务处理：系统应把截图中的高频动作放在主操作区，减少用户在菜单中查找功能的时间。对于需要批量处理的场景，页面要展示任务状态、进度、成功失败数量和可恢复操作；对于查询分析类场景，页面要展示筛选条件、结果表和关键指标。

  3. 结果核对：右侧或下方结果区应展示用户最关心的结果摘要、质量、详情、来源或导出入口。结果需要能被复制、下载、导出、继续分析或进入下一步流程。若存在失败、异常或低质量结果，应以业务语言说明原因，并提供重试、修改、忽略或查看详情。

  4. 记录沉淀：系统应保留任务记录、操作记录、历史结果或最近使用记录。用户需要能够回溯某一批数据的处理时间、处理人、输入对象、输出结果和当前状态，便于团队协作和交付复盘。

  5. 配置复用：当截图中出现模板、规则、字段、样式、系统设置或数据源配置时，产品应允许团队沉淀常用方案。配置项应使用业务名称描述，避免让用户理解无关参数。

主要操作流程

  1. 选择或关注监测城市
  2. 查看全国 AQI 地图和城市列表
  3. 进入城市详情了解天气、空气质量和预警
  4. 按城市对比或历史数据分析趋势
  5. 导出看板或订阅异常预警

流程设计要保证用户能随时知道自己处于哪一步。对于导入类流程，用户需要先看到导入对象是否正确；对于分析类流程，用户需要确认筛选条件和数据范围；对于发布或导出类流程，用户需要确认结果质量和输出格式。任何关键操作都应在页面上有明确反馈，而不是只依赖短暂提示。

数据与结果展示

该系统需要重点输出：

  • 实时天气
  • 空气质量指标
  • AQI 地图
  • 小时预报
  • 日出日落
  • 农历节气
  • 城市实况表
  • 预警信息

结果展示应遵循三层结构。第一层是概览指标，用于快速判断整体状态；第二层是明细列表或图表，用于定位具体对象；第三层是详情、记录或来源，用于核对结果可信度。截图中的表格、趋势图、地图、预览器、富文本区、卡片和环图都应作为业务结果的一部分，而不是装饰性元素。

对于长列表，分页、排序、搜索和筛选必须稳定可用。对于图表和地图，颜色、图例、单位、更新时间和数据来源要清晰。对于文件或报告类结果，下载、导出、复制和查看详情需要保持一致的位置和命名。对于质量类结果，分数、错误数、重复率、有效率、置信度和风险等级需要能让用户直接采取下一步动作。

接口调用蓝图

接口调用蓝图只列出当前案例的核心接口。所有请求地址均使用生产 API 域名，接口文档地址指向咕咕数据公开详情页。表格中的 * 表示必填参数；appkey 只代表调用方自己的访问凭证占位，不展示真实值。

业务步骤 接口名称 接口文档 请求地址 关键入参 关键出参 传参关系
天气预报 全国天气预报信息 weatherinfo GET https://api.gugudata.com/weather/weatherinfo appkey* (query)、code* (query)、days (query) 天气、温度、风力、日期 行政区代码写入 code，days 控制预报天数。
空气质量 全国城市实时空气质量指数 airquality GET https://api.gugudata.com/Weather/AirQuality appkey* (query)、city* (query) AQI、PM2.5、首要污染物 城市名称写入 city，结果进入空气质量卡片。
农历节气 农历与二十四节气 lunarcalendar GET https://api.gugudata.com/weather/lunarcalendar appkey* (query)、date* (query) 农历日期、节气信息 日期写入 date，用于日历说明。
日出日落 日出与日落时间 sunrisesunset GET https://api.gugudata.com/weather/sunriseandsunset appkey* (query)、city* (query)、date* (query) 日出、日落和天文时间 城市与日期写入 city、date，结果进入时间模块。

参数流转说明

天气看板把城市和日期拆成两组参数。城市行政区代码用于天气预报，城市名称用于空气质量和日出日落，日期用于农历和日出日落。页面需要把同一城市、同一天的天气、空气和时间信息放在同一行或同一卡组中，避免用户误读。

用户输入的原始对象需要和每一步接口结果保持明确对应关系。页面应保留原始输入、当前处理参数和接口输出结果之间的联系，让用户可以从任一结果回到来源对象。例如用户修改关键词、日期、代码、文件、城市或号码后，所有依赖该参数的结果都需要重新标识为待刷新或重新查询，避免旧结果和新条件混在一起。

不同接口之间传参时，只传递公开接口需要的业务字段。文件类场景传递文件、文件地址或识别文本；数据查询类场景传递代码、日期、区域、关键词或分页条件；文本类场景传递正文、目标语言、对比文本或处理风格；号码类场景传递原始号码、标准号码和国家区号。接口返回结果进入页面后，需要转换为业务人员能理解的字段名称和操作入口。

如果用户批量处理多个对象，系统应把每个对象的参数和结果分开保存到列表行或任务项中。批量任务可以并行展示进度，但用户在页面上看到的仍应是每条业务对象的输入、状态和输出，不能只显示一个模糊的整体结果。失败项需要保留原始输入和失败步骤，方便用户修正参数后重新提交。

相关接口能力范围

当前分类下完整相关接口包括：全国城市实时空气质量指数、全国天气预报信息、农历与二十四节气、日出与日落时间。这些接口仍由页面下方“相关数据接口”区域统一展示，接口名称、简介、能力标签和文档入口保持完整。PRD 正文中的调用蓝图用于说明核心链路，不替代接口详情页，也不覆盖每个接口的全部参数、示例和响应字段。

用户阅读本案例时，应先理解 天气空气质量看板 的业务流程，再根据接口调用蓝图判断是否满足自己的集成场景。如果需要扩展到同分类下其他能力，可以继续点击下方接口文档查看完整说明。这样既能保证 PRD 可读，又能保留完整接口入口。

体验要求与验收标准

页面渲染顺序应保持为产品截图、功能需求文档、相关数据接口。当前 case 有独立 PRD 时显示文档区，切换到任意其他 case 时显示该 case 自己的文档，不能出现所有 case 共用同一篇总文档的情况。文档标题统一为“功能需求文档”，正文采用适合长文阅读的排版，段落宽度、行距、标题层级和列表样式要与工程站点风格一致。

桌面端需要保留左侧导航固定能力，用户阅读长文和接口列表时仍能切换案例。移动端需要单列展示，图片、文档、接口列表不能互相遮挡，表格或长内容不能造成页面整体横向溢出。没有配置或加载失败的文档不应显示空白模块；但本次目标是所有 case 都有对应文档，因此最终验收时每个 case 都应能读取到 Markdown 内容。

验收时需要逐个检查：case 标题是否与截图一致，截图是否正常显示，功能需求文档是否是当前 case 的独立内容，相关接口是否仍按行业分类完整显示，接口数量是否与侧边分类数量一致，点击接口文档是否进入咕咕数据接口详情页。只有这些要求都满足，才能认为该 case 的 PRD 渲染完成。

截图功能验收清单

验收人员需要按照截图从左到右、从上到下检查页面，而不是只看主标题是否存在。顶部导航应能说明产品的主要业务模块；左侧列表、树形结构或批次区域应能说明当前管理对象；中间工作区应能完成主要查询、处理、编辑、预览、分析或生成动作；右侧详情、统计、配置或质量区域应能回答用户为什么可以信任当前结果。若某个区域只显示静态占位、字段与截图语义不一致、切换对象后详情没有同步、导出入口无法体现当前业务结果，都应视为未满足该 case 的 PRD 要求。

文档展示也要按独立 case 验收。进入该案例路由后，功能需求文档中的产品名称、业务场景、导航模块、核心流程和输出结果都必须与当前截图一致；切换到相邻案例后，文档内容必须随 case 变化，不能继续显示上一案例的文字。相关接口区域需要保持在文档之后完整显示，作为从产品案例进入接口详情的能力入口。

关于 GuGuData Engineering 产品案例

更多产品案例请访问 GuGuData Engineering 产品案例。

GuGuData Engineering 产品案例页展示基于咕咕数据接口能力构建的数据接入、业务流程和产品原型，帮助团队从真实业务场景出发，快速评估接口组合、调用方式和落地价值。

–EOF–

转载须以超链接形式标明文章原始出处和作者信息

微信公众号二维码