ruoyi-web
RuoYi-AI 系统的 Vue 前端，支持 AI 对话与 Agent 交互
加载项目详情…
本应用为开源项目，仅供学习研究，请遵守其开源协议。
微信扫码咨询客服
POMOAI — 让开源 AI 即刻运行
RuoYi-AI 系统的 Vue 前端，支持 AI 对话与 Agent 交互
加载项目详情…
本应用为开源项目，仅供学习研究，请遵守其开源协议。
想象这样的场景：你的团队决定在内部部署一套 AI 知识库问答系统，需要支持多轮对话、AI Agent 编排、文档管理和工作流自动化。翻遍了 GitHub，要么是只有后端 API 的"骨架"，要么是需要付费订阅的 SaaS 平台——然后你找到了 RuoYi-AI，以及它配套的三套前端界面：用户端、管理端，以及今天的主角——ruoyi-web。
这是一套完整开源、可以一键部署的企业级 AI 助手前端，开箱即用，不需要信用卡，不需要云端订阅，任何人可以在自己的服务器上跑起来。
RuoYi（若依）是中国开源社区最知名的 Java 后台管理系统框架之一，拥有庞大的用户基础和丰富的生态。RuoYi-AI 是其在 AI 时代的演进版本，将传统的 RBAC 权限管理、代码生成器与当下流行的 LLM 应用技术栈相结合。
ruoyi-web 作为 RuoYi-AI 的用户端前端，定位是面向普通用户的 AI 交互界面——类似于 ChatGPT 的 Web 界面，但功能更偏向企业知识管理和 Agent 自动化场景。它由独立开发者 HeJiaYue520 维护，托管在 ageerle 的组织下，star 数 416，采用 MIT 许可证。
RuoYi-AI 品牌标识
ruoyi-web 的技术选型非常务实，没有追赶最新潮流的激进，而是在业界成熟方案中做了最优组合：
Vue 3 + TypeScript：组合拳，Composition API 提供灵活的逻辑复用，TypeScript 保障代码的长期可维护性。这在企业级前端项目中已经是事实标准。
Vite 6：新一代构建工具，相比 webpack 在开发体验和构建速度上有质的飞跃。热更新几乎是即时的，极大提升了开发迭代效率。
Element Plus：Ant Design 的 Vue 3 版本，是 Vue 生态中企业级 UI 组件库的首选。表格、表单、对话框等企业应用核心组件开箱即用。
Pinia + Pinia 持久化插件：轻量级状态管理，pinia-plugin-persistedstate 让刷新页面不丢状态，用户体验更连贯。
ECharts：强大的数据可视化库，集成在组件中用于图表渲染，适合 AI 对话数据、Token 统计等场景。
UnoCSS：原子化 CSS 引擎，替代传统 CSS 预处理器，提供极致的样式灵活性和极小的产物尺寸（配合 Vite tree-shaking）。
整个项目使用 pnpm 作为包管理器，monorepo 风格设计（pnpm-workspace.yaml），规范化的 Git Hooks（husky + commitlint + lint-staged），ESLint 和 Stylelint 双重代码检查——这些配置在开源项目中属于相当专业的工程化水准。
RuoYi-AI 知识库问答界面
ruoyi-web 不是一个简单的聊天界面。它承载了 RuoYi-AI 后端的全部用户交互能力：
AI 对话：支持多轮连续对话，消息保留上下文记忆。后端对接 LLM API，前端负责渲染对话流式输出。WebSocket 支持让打字机效果（streaming response）成为可能——答案一个字一个字跳出来，体验接近 ChatGPT。
Agent 交互：内置 Agent 选择器组件（ModelSelect、AgentSelect），用户可以切换不同的 AI 模型和 Agent 角色。DeepThinking 组件暗示了深度思考/RAG 检索增强的功能入口。
知识库问答（RAG）：与 Weaviate 向量数据库深度集成，用户可以上传文档构建知识库，问答时自动检索相关片段后交给 LLM 生成答案。
文件与媒体管理：文件上传（FilesSelect 组件）、媒体处理（media API 模块）、二维码生成（qrcode）等实用功能。
登录认证：LoginDialog 组件提供用户认证入口，支持 token 续期和会话管理。
数据可视化：EchartsRenderer 组件嵌入图表渲染能力，适合 AI 使用统计、Token 消耗分析等运营数据展示。
从 src/components 的命名就能感受到项目的完整性：ChatSender（消息发送）、DeepThinking（深度思考）、EchartsRenderer（图表）、ModelSelect（模型选择）、AgentSelect（Agent 选择）、FilesSelect（文件管理）——每一个组件都是 AI 应用中真实需要的交互单元。
RuoYi-AI Agent 交互界面
这是 ruoyi-web 最令人惊喜的地方——真正的开箱即用。
只需要两行命令，7 个服务全部启动完毕：
git clone https://github.com/ageerle/ruoyi-ai.git
cd ruoyi-ai
docker-compose -f docker-compose-all.yaml up -d
然后访问 http://localhost:25137，用 admin / admin123 登录即可。
一键部署包含的完整服务栈：
所有镜像已预构建在阿里云容器镜像服务中，不需要自行编译网络下载。
如果只需要前端服务（后端已单独部署），可以在 ruoyi-web 目录执行：
docker-compose up -d --build
前端通过 Nginx 反向代理到后端 API，支持 /system、/chat、/auth、/resource、/agent、/knowledge、/workflow 等多条路径的自动路由，还兼容 /api 前缀。WebSocket 同样被正确代理。
pnpm install
pnpm dev
开发服务器默认运行在 localhost:5173，通过 .env.development 配置 Vite 开发环境变量。
作为纯前端项目，ruoyi-web 不需要 GPU。生产环境部署建议配置：2 核 CPU、2GB 内存、500MB 磁盘空间。整套一键部署包（含所有依赖服务）建议 4 核 CPU、8GB 内存、20GB 磁盘。
这个硬件门槛在当前主流云服务器中属于最低档，国内 2 核 4G 的学生机（≈每月 10 元）完全可以运行。
坦诚地说，ruoyi-web 也有它需要注意的地方：
强依赖后端。前端本身功能完整，但它是 RuoYi-AI 全家桶的一部分，无法独立运行。必须同时部署 ruoyi-ai 后端（Spring Boot + MySQL + Redis + Weaviate）。如果后端 API 不可用，前端就是一个空壳。
中文社区项目文档。项目 README 相对完整，但 API 文档、插件开发文档较为欠缺。如果需要深度二次开发，需要阅读后端源码来理解数据模型和 API 契约。
企业级 UI 风格。Element Plus 默认主题偏"政务系统"风格，不够现代化。如果需要定制化 UI 外观，需要投入相当的样式改造工作量。
镜像仓库的可用性。一键部署依赖阿里云容器镜像服务，理论上属于公开镜像，但稳定性取决于阿里云的服务等级。
ruoyi-web 的出现，代表了国内开源社区在 AI 应用落地层面的一次务实探索。它没有追求 AGI 的宏大叙事，而是专注于解决"如何让企业级 AI 应用真正跑起来"这个实际问题。
从技术架构看，它整合了当前 AI 应用的主流技术链路：LLM API → 向量数据库（RAG）→ Agent 编排 → 工作流自动化。这个链路在商业产品中通常需要数万元每年的 SaaS 订阅费用，而 RuoYi-AI 把整个技术栈开源免费——这对预算有限的中小企业和独立开发者来说，是一条切实可行的低成本路径。
RuoYi 框架本身积累了大量企业用户的使用经验，在权限管理、菜单系统、代码生成等基础功能上非常成熟。ruoyi-web 在这个成熟底盘上叠加 AI 能力，某种程度上代表了"渐进式 AI 化"的路径——不需要推翻重建，在现有系统上增量升级。
总结：RuoYi-AI 用户端前端（ruoyi-web）是一套功能完整、部署极简、适合企业级 AI 知识库和 Agent 交互场景的 Vue 3 前端解决方案。一键 docker-compose 部署、零 GPU 需求、MIT 许可证，是预算有限但需要企业级 AI 能力的团队的理想选择。