← Back to my path
Day 4
AI 帮你写一个天气查询工具
用 AI 对接 API,学会前后端交互
🛠 Recommended tools
⚡ Speedrun (5 min)
- 让 AI 写一个天气查询页面,用和风天气免费 API
- 填入 API Key 运行
🎯 Full version (30 min)
- 基础天气查询
- 加 3 天预报
- 加城市搜索自动补全
- 加天气图标和背景动画
📋 Prompt template
请写一个天气查询网页(单个 HTML 文件)。要求: 1. 输入城市名查询天气 2. 显示温度、湿度、风速、天气状况 3. 显示未来 3 天预报 4. 根据天气切换背景色(晴天蓝/雨天灰/夜晚深蓝) 5. 用和风天气 API(key 留占位符) API 文档:https://dev.qweather.com/docs/api/
✅ Output standard
可查询真实天气的网页工具
Reward: +15 XP