滑稽Ai —— 基于 Vue3 + Element Plus 的 AI 全栈聊天应用

ruoyi-element-ai/
├── src/                          # 前端源码
│   ├── api/                      # API 接口层（auth/chat/model/session）
│   ├── assets/                   # 静态资源（Remix Icon SVG × 1120+）
│   ├── components/               # 公共组件
│   │   ├── DeepThinking/         # 深度思考开关
│   │   ├── LoginDialog/          # 登录弹窗（账号密码/二维码/注册）
│   │   ├── ModelSelect/          # 模型选择下拉
│   │   ├── Popover/              # 通用弹出层（基于 @floating-ui/vue）
│   │   └── SvgIcon/              # SVG 图标组件
│   ├── layouts/                  # 布局系统
│   │   └── LayoutVertical/       # 桌面端纵向布局
│   │       ├── Aside/            # 侧边栏（会话列表 + 新对话）
│   │       └── Header/           # 顶部栏（折叠 + 头像弹窗菜单）
│   ├── pages/                    # 页面
│   │   ├── chat/                 # 聊天页（默认页 + 对话页）
│   │   ├── settings/             # 模型配置页（管理员）
│   │   └── error/                # 403/404 错误页
│   ├── routers/                  # Vue Router 路由配置
│   ├── stores/                   # Pinia 状态管理（8 个模块）
│   ├── styles/                   # 全局样式（GitHub Markdown 渲染等）
│   └── utils/                    # 工具函数（hook-fetch 封装）
│
├── server/                       # 后端源码
│   ├── src/
│   │   ├── db/                   # 数据库层（repo 模式）
│   │   │   ├── connection.ts     # 建表 + 种子数据
│   │   │   ├── utils.ts          # snake_case → camelCase 转换
│   │   │   └── repo/             # user/session/message/model CRUD
│   │   ├── routes/               # Express 路由
│   │   ├── services/             # 业务逻辑
│   │   │   ├── chat.ts           # LangChain + OpenAI SDK 流式对话
│   │   │   ├── search.ts         # Tavily 联网搜索（5s 超时）
│   │   │   ├── weather.ts        # 高德天气 API
│   │   │   └── rag.ts            # 文档加载→切片→BGE 向量化→LanceDB 检索
│   │   ├── middleware/            # JWT 认证中间件
│   │   └── validation/           # Zod Schema 全接口校验
│   ├── documents/                # 知识库文件目录
│   ├── API.md                    # 后端接口文档
│   └── Dockerfile                # Docker 部署支持
│
├── ARCHITECTURE.md               # 本文档
├── vite.config.mts               # Vite 配置
├── uno.config.ts                 # UnoCSS 配置
└── package.json                  # 前端依赖

用户操作 → 组件 dispatch → Pinia Store → API 调用 → 后端
                                                      ↓
SSE 流式响应 ← hook-fetch stream() ← POST /chat/send ←┘
     ↓
 handleDataChunk() → 80ms 批量缓冲 → bubbleItems.content → XMarkdown 渲染

server/documents/          ← 拖入 .txt .md .csv
    ↓ 启动时
加载 → 切片(400字/150重叠) → BGE-small 向量化 → LanceDB 落盘
    ↓ 运行时
用户提问 → BGE 向量化 → LanceDB 相似检索 → 注入 system prompt → AI 回答

# 后端
cd server && pnpm dev

# 前端
pnpm dev

# 前端构建
pnpm build                     # 输出到 dist/

# 后端
cd server && pnpm build        # 编译到 dist/
pm2 start dist/index.js --name ruoyi-ai

# Nginx（前端 + API 反代）
# 前端静态文件指向 dist/，/prod-api/ 代理到 localhost:3000

cd server
docker build -t ruoyi-ai-server .
docker run -d --name ruoyi-ai -p 3000:3000 -v $(pwd)/data.db:/app/data.db ruoyi-ai-server