逐段接收并展示回复
前端区分正文与思考内容，逐步更新消息；用户可以停止请求，失败时重新尝试。
02 / AI 应用
AI 对话与文生图
将对话与图像生成放在一个应用中，探索 AI 的交互方式。
01
项目概览
02
视频介绍
1 个视频可观看观看已有实际操作录屏，了解 AI 对话与文生图的主要界面和使用流程。
演示与界面画面来自已有录屏，当前源码版本的部分功能和界面可能有所调整。
03
项目画面
3 个典型画面从已有录屏中查看对话入口、回复展示和文生图结果。点击图片可放大查看。
04
主要功能
围绕提问、阅读和生成结果的留存，组织对话与创作中的主要操作。
05
系统架构
前端组织对话与创作交互，后端连接模型服务并保存用户的会话和生成记录。
从提问到结果留存逻辑架构
交互界面Vue 3 · TypeScript · Pinia
对话 / 会话列表 / 文生图 / 阅读模式
业务请求 · SSE 流式回复
业务接口Java 17 · Spring Boot
账号鉴权 / 会话管理 / 模型调用 / 生成记录
向模型接口发起请求
文本生成对话模型接口
传入上下文 / 接收回复与思考内容
图像生成DashScope 图像接口
提示词与生成参数 / 返回图片结果
业务服务保存会话与生成结果
MySQL · JPA · Flyway
用户 / 会话 / 消息 / 图片生成记录
本地图片文件
尝试保存生成图片 / 保留来源地址
界面状态与历史记录协作
Pinia 管理当前会话和生成状态，后端按用户保存消息，支持恢复并继续之前的讨论。
保留生成参数与图片来源
生成后记录提示词、模型与尺寸，尝试保存图片文件；保存失败时保留模型返回的来源地址。