05. 移动端实战 (下)：逻辑与 API

课时信息

📅 时间：13:30 - 14:15 🎯 目标：让 App 活起来——接入真实网络数据

1. 静态 vs 动态

上午的 App 每次打开都是同一张假图。现在的目标是：每次点击刷新，从服务器获取新图片和新文字。

2. 引入 dio (网络库)

告诉 AI：

"我要在 Flutter 项目里使用 dio 库发请求。请帮我修改 pubspec.yaml 添加依赖，并运行 flutter pub get。"

3. 编写数据逻辑

Prompt 示例：

"在 DailyPage 里添加一个函数 fetchDailyContent。

1. 使用 dio 请求 https://api.quotable.io/random 获取一句名言。
2. 图片使用 https://picsum.photos/seed/{random_number}/800/1200，每次随机生成一个 URL。
3. 点击刷新按钮时，调用这个函数，并更新界面。"

4. 处理异步 (Async/Await)

AI 会写出 async 和 await。这是什么？

• Async: "我很忙，但我不会卡死界面，你在后台慢慢跑。"
• Await: "等你拿回数据，我再更新 UI。"

如果不加这两个关键字，你的 App 会在请求网络时卡死（ANR）。

5. 进阶：接入 DeepSeek/Qwen

如果你想用更聪明的文案，可以尝试接入大模型 API：

"帮我封装一个 GLMService 类，调用智谱 AI 的 API，让它根据图片生成一句中文诗词。"

注意

API Key 不要直接上传到 GitHub。AI 会教你用 flutter_dotenv 来管理它。