← 返回我的路径
Day 4
AI 帮你写一个天气查询工具
用 AI 对接 API,学会前后端交互
⚡ 速通版(5 分钟)
- 让 AI 写一个天气查询页面,用和风天气免费 API
- 填入 API Key 运行
🎯 精修版(30 分钟)
- 基础天气查询
- 加 3 天预报
- 加城市搜索自动补全
- 加天气图标和背景动画
📋 Prompt 模板(直接复制)
请写一个天气查询网页(单个 HTML 文件)。要求: 1. 输入城市名查询天气 2. 显示温度、湿度、风速、天气状况 3. 显示未来 3 天预报 4. 根据天气切换背景色(晴天蓝/雨天灰/夜晚深蓝) 5. 用和风天气 API(key 留占位符) API 文档:https://dev.qweather.com/docs/api/
✅ 产出标准
可查询真实天气的网页工具
完成奖励:+15 XP