『7x24小时有问必答』

前言

做后台管理系统这个事,说难不难,说简单也不简单。难的是每个项目都要重复造轮子——用户权限、菜单配置、操作日志、文件上传,这些基础能力几乎每个后台都跑不掉。简单的是,市面上其实已经有不少成熟框架可以参考,但大部分要么太重型,要么扩展起来费劲。
这套框架我们用了大半年时间打磨,从 Vue 3 + Spring Boot 3 的技术选型,到 Flowable 工作流集成,再到后面把 AI 代码生成和 AI 大屏加进去,逐渐变成一个能支撑长期演进的企业级方案。下面详细聊聊它到底能做什么、怎么做的,以及实际用起来是什么感觉。

项目介绍

一套面向企业后台、SaaS 管理端和数据可视化平台的中后台框架。它不只是一个项目脚手架,而是把用户权限、多租户隔离、文件存储、操作日志这些通用能力都集成好了,同时把 AI 代码生成、AI 数据大屏、Flowable 工作流、智能体管理做成了可插拔的扩展体系。
核心定位很简单:让你能更快地把业务页面交付出来,同时保证系统在企业场景下足够稳、方便扩展。不管是做内部管理系统、多租户 SaaS,还是审批流平台、数据驾驶舱,都能直接拿它开干。
系统架构

项目功能

分类
具体功能
系统管理
用户管理、角色管理、菜单管理、部门岗位、租户隔离、字典配置
AI 能力
智能体管理(创建/发布/下线)、多 AI 供应商配置、会话记录、提示词模板、AI 大屏生成
运维监控
在线用户管理、定时任务调度、操作日志、服务监控(CPU/内存/磁盘)、Redis 缓存管理、文件管理
工作流
流程模型设计、BPMN 在线绘制、待办审批、流程时间轴追踪
开发者工具
代码生成(表导入→配置→预览→下载)、API 动态配置、Excel 导入导出模板、多数据源管理
数据大屏
拖拽式画布编辑器、AI 自然语言生成大屏、组件库(图表/装饰/表格)、主题定制、一键发布预览
除了这些,还有消息中心、通知公告、数据权限配置等细节能力,基本覆盖了企业后台日常需要的方方面面。

项目特点

微内核 + 插件化架构:核心框架很轻,系统管理、代码生成、任务调度、消息中心、工作流、AI 能力都以插件方式组合。想用哪个就加哪个,不像传统框架那样一股脑全塞进来。
AI 能力不是噱头,是真能干活:内置了智能体引擎,可以创建和管理多个 AI 智能体。比如你描述一个业务需求,它能帮你生成 CRUD 配置 JSON;描述一个审批流程,它能吐出 BPMN XML;说想要什么风格的大屏,它能直接生成布局草稿。
多租户 + RBAC 做得比较细:租户级数据隔离、菜单权限、按钮权限、角色资源绑定、数据范围控制都有,而且数据权限可以按组织、角色、业务规则灵活配置。
前端组件化程度高:基于 Vue 3 + Naive UI + UnoCSS,内置了字典组件、区域选择、文件上传、图标选择、AI 表单等一堆可复用组件,做业务页面的时候直接拼装就行。
AI 供应商接入灵活:支持阿里百炼、OpenAI、DeepSeek、Ollama、智谱、Moonshot,也支持兼容 OpenAI API 格式的自定义服务,切换起来不费劲。

项目技术

技术选型上,前后端都用了目前比较主流的方案:
后端技术栈
技术
用途
Java 17
运行环境
Spring Boot 3.2
应用框架
MyBatis-Plus 3.5
ORM 和分页
Sa-Token 1.38
认证授权、Token 管理
Flowable 7.0
工作流引擎
Redis / Redisson
缓存和分布式锁
Quartz / SnailJob
定时任务
Maven
多模块构建
前端技术栈
技术
用途
Vue 3.5
前端框架
Naive UI 2.42
管理端组件库
Vite 7
构建工具
Pinia 3
状态管理
Vue Router 4.5
动态路由
UnoCSS 66
原子化样式
ECharts / VChart
图表可视化
BPMN.js / CodeMirror
流程设计和代码编辑
移动端 H5 部分用的是 uni-app 3 + Vue 3,一套代码能跑 H5、微信小程序和支付宝小程序,审批和消息在手机上就能处理完。

项目代码

代码结构分层比较清晰,我简单说一下组织方式:
forge/

├── forge-admin-server/               # 主应用入口

├── forge-report-server/              # AI 大屏报表服务

├── forge-app-server/                  # App 接口服务

├── forge-flow/                           # 独立流程服务

├── forge-business/                     # 业务模块

└── forge-framework/

      ├── forge-dependencies/         # 统一版本管理

      ├── forge-plugin-parent/        # 业务插件(system/generator/job/message/flow/ai)

      └── forge-starter-parent/      # 技术 Starter(auth/cache/orm/tenant/crypto/excel/file)

前端这边,forge-admin-ui  是后台管理界面,forge-report-ui  是大屏设计器,forge-docs  是 VitePress 搭建的文档站。
代码生成这块比较实用——你可以在界面上导入数据库表,配置字段映射、表单组件、查询条件,然后一键生成前后端代码,也可以直接下载压缩包做二次开发。对简单业务来说,基本能做到 0 代码上线。

项目效果

登录页就是标准的账号密码 + 验证码认证入口,干净利落。
工作台首页集中展示了在线用户数、今日登录量、总用户数这些关键指标,还有待办任务列表、通知公告和访问量趋势图,日常管理用起来比较顺手。
用户管理这块是组织架构树 + 用户列表联动,支持多条件搜索、新增用户、批量授权、加入租户等操作,企业场景下的人肉操作基本覆盖全了。

流程管理基于 Flowable,可以在线绘制 BPMN 流程图,发起审批、处理待办、查看流程时间轴,整个链路是通的。

AI 智能体管理页面可以创建智能体、配置模型和温度参数、管理提示词模板,内置了低代码生成 Agent、BPMN 生成助手、大屏生成助手等好几个开箱即用的智能体。

大屏编辑器支持拖拽组件、配置数据源(静态/HTTP/数据池)、设置事件交互,用 AI 生成草稿后再手动调整,比从空白画布开始快很多。

项目源码

源码都在 Gitee 和 GitHub 上开源,可以直接拉下来跑:
Gitee:https://gitee.com/ForgeLab/forge-admin
GitHub:https://github.com/yaomindong1996/forge-admin
在线演示地址也放出来了,想先看看效果的可以直接点:
后台管理:http://www.dlforgelab.com:8084/forge/login
移动端 H5:http://www.dlforgelab.com:8084/forge-h5/
大屏设计器:http://www.dlforgelab.com:8084/forge-report/
体验账号:admin / 123456
本地跑起来的话,需要 JDK 17+、Node.js 20+、MySQL 8.0+、Redis 6.0+,克隆代码后初始化数据库、改一下本地配置,前后端分别启动就行。项目文档里有详细的快速开始指南,跟着步骤走基本不会卡住。

总结

这个框架,本质上是我们团队在多个企业项目里积累下来的通用能力和最佳实践的整合。它解决的问题很实在——让后台开发从重复搭建基础能力中解放出来,把精力更多放在业务本身。
插件化的设计保证了扩展性,AI 能力的引入让代码生成、流程设计、大屏搭建这些环节有了提效的新方式,而多租户、数据权限、Flowable 工作流这些硬核能力又让它在企业场景里站得住脚。
如果正好在选型或者准备搭一套新的后台系统,不妨拉下来跑跑看,合适就用,不合适也能从里面借鉴一些思路。

关键词

作者:小码编匠
出处:gitee.com/smallcore/DotNetCore
声明:网络内容,仅供学习,尊重版权,侵权速删,歉意致谢!

END

Vue前后端分离的企业办公OA审批管理系统

备注【开源
方便大家交流、资源共享和共同成长
纯技术交流群、需要的小伙伴请扫码

有收获?不妨分享让更多人受益
关注「程序员开源栈」,共同提升技术实力

点分享
点收藏
点在看
点点赞

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

上一主题上一主题         下一主题下一主题
QQ手机版小黑屋粤ICP备17165530号

关于我们·投诉举报· 用户帮助· 联系我们 · 本站服务 · 版权声明· 隐私政策 · 投搞指南

法律保护:PLC技术网,plcjs.com,plcjs.net等字样
Copyright 2010-2030. All rights reserved. 


微信公众号二维码 抖音二维码 百家号二维码 今日头条二维码哔哩哔哩二维码