← 返回我的路径
Day 4

AI 帮你写一个天气查询工具

用 AI 对接 API,学会前后端交互

⚡ 速通版(5 分钟)

  1. 让 AI 写一个天气查询页面,用和风天气免费 API
  2. 填入 API Key 运行

🎯 精修版(30 分钟)

  1. 基础天气查询
  2. 加 3 天预报
  3. 加城市搜索自动补全
  4. 加天气图标和背景动画

📋 Prompt 模板(直接复制)

请写一个天气查询网页(单个 HTML 文件)。要求:
1. 输入城市名查询天气
2. 显示温度、湿度、风速、天气状况
3. 显示未来 3 天预报
4. 根据天气切换背景色(晴天蓝/雨天灰/夜晚深蓝)
5. 用和风天气 API(key 留占位符)

API 文档:https://dev.qweather.com/docs/api/

✅ 产出标准

可查询真实天气的网页工具

完成奖励:+15 XP

📤 提交作品

🐑 小羊助手