# 🤖 第4课：AI 金句工坊 — 最终整合

**目标：** 把之前学的内容串起来，接入 AI API
**时长：** 2 小时
**前置：** 前三课全部学完
**文件：** 复用之前全部代码，最后一步接入 AI

---

## 📋 教学流程

| 时间 | 环节 | 内容 |
|------|------|------|
| 0-15min | 📺 回顾 | 快速回顾前三课 / 展示最终效果 |
| 15-30min | 🔧 改前端 | 把第2课的漂亮前端 + 第1课的动画效果合并 |
| 30-50min | 🔧 改后端 | 在第3课后端基础上 + 调用 AI API |
| 50-75min | 🔗 联调 | 前端调用自己后端的 AI 接口 |
| 75-100min | 🎨 自由发挥 | 美化、加功能、换 Prompt |
| 100-120min | 🏆 展示 | 每人展示自己的金句工坊 |

## 🧠 知识点

### 1. 前后端联调

前端 → `POST /api/quote` → 后端 → `DeepSeek API`
                                         ↓
前端 ← `{quote, author}` ←←←←←←← 返回结果

### 2. 后端调用 AI API

```python
from openai import OpenAI

client = OpenAI(
    api_key="你的密钥",
    base_url="https://api.deepseek.com/v1"
)

response = client.chat.completions.create(
    model="deepseek-chat",
    messages=[
        {"role": "system", "content": "你是一个金句生成器..."},
        {"role": "user", "content": f"主题：{topic}"}
    ]
)
```

### 3. 环境变量配置

创建 `.env` 文件：
```
DEEPSEEK_API_KEY=你的密钥
MOCK=false
```

Python 读取：
```python
from dotenv import load_dotenv
import os
load_dotenv()
api_key = os.getenv("DEEPSEEK_API_KEY")
```

## 🚀 学生可以做

- [ ] 修改 system prompt 改变金句风格（如「搞笑版」「古诗版」）
- [ ] 加「换一个」按钮重新生成
- [ ] 加金句收藏功能
- [ ] 加「分享」功能
- [ ] 改成英语金句生成器
- [ ] 改成笑话生成器、故事生成器

## ✅ 课程终极成果

完整全栈应用：漂亮前端 → 自己的后端 → AI API → 实时生成金句