herogus的博客

这篇文章是 Q&A 系统实现续篇。如果你看过之前的文章，并且也跟着提供的代码尝试了，你应该会觉得里面的 Markdown 组件对代码、表格、流程图、时序图等等的显示效果不尽人意，那么如何实现像 DeepSeek 、Kimi 等官网实现的效果呢，这篇文章将带你实现。

这篇文章是 Spring AI Q&A 系统的前端实现。这篇文章将介绍如何快速搭建一个基于 vue3 + ElementPlus 的前端项目，vue3 项目的目录结构介绍，如何在前端实现流式响应，如何高亮显示代码等。

这篇文章将介绍如何基于 RAG 技术，使用 SpringAI + Vue3 + ElementPlus 实现一个 Q&A 系统。本文使用 deepseek 的 DeepSeek-V3 作为聊天模型，使用阿里百炼的 text-embedding-v3 作为向量模型，使用 redis 作为向量库。（PS：近期阿里百炼也上架了 DeepSeek-V3 和 DeepSeek-R1 模型供开发者调用，如果觉得 DeepSeek 官方 AP I比较慢的话，可以去试试）。

项目中引入Spring AI、Spring AI Alibaba踩坑笔记，并实现简单的几种聊天模式。