# 项目专题

> 浏览 Ollama Chat App、Qyq Chat AI 和 Ollama Node，了解 Vue 3 聊天前端、业务后台与 Node.js 多模型服务的技术方案和功能边界。

原始页面：[项目专题](http://docs.quyongqing.cn/projects/)

这里整理 AI 对话产品的前端、业务后台与后端服务实践。各专题介绍项目定位、核心能力、技术方案和当前限制。

## 按项目选择

| 项目 | 定位 | 重点内容 |
| --- | --- | --- |
| [Ollama Chat App](http://docs.quyongqing.cn/projects/ollama-chat-app.html) | AI 对话与业务后台 | Vue 3 页面组合、用户权限、表单表格和文件处理 |
| [Qyq Chat AI](http://docs.quyongqing.cn/projects/qyq-chat-ai.html) | 多模型聊天前端 | 会话与模型联动、流式消息、图文上下文和聊天交互 |
| [Ollama Node](http://docs.quyongqing.cn/projects/ollama-node.html) | AI 对话后端服务 | 模型协议适配、SSE 事件、会话鉴权与文件处理 |

## 从开发问题开始

-   构建带表单、表格与权限的 AI 业务后台：查看 [Ollama Chat App](http://docs.quyongqing.cn/projects/ollama-chat-app.html)。
-   处理多会话切换和流式输出：查看 [Qyq Chat AI](http://docs.quyongqing.cn/projects/qyq-chat-ai.html)。
-   对接不同模型并统一后端事件：查看 [Ollama Node](http://docs.quyongqing.cn/projects/ollama-node.html)。

## 可复用组件

后台的查询筛选与录入可以参考 [QyqForm 动态表单](http://docs.quyongqing.cn/components/qyq-form.html)，列表展示可以参考 [QyqTable 数据表格](http://docs.quyongqing.cn/components/qyq-table.html)。无法获取真实进度的长耗时任务可以参考 [EstimatedProgressBar 预计进度条](http://docs.quyongqing.cn/components/estimated-progress-bar.html)。