springboot+vue+mysql手搓一个管理系统

使用技术:

  1. 项目概述

本系统是一个基于 Spring Boot 3 和 Vue 3 的全栈需求全生命周期管理平台。系统实现了从需求提出、审批、流转、处理到完成归档的闭环管理,并集成了基于角色的权限控制(RBAC)、工作流节点记录及数据统计分析功能。

核心特性

• 全生命周期管理: 支持草稿、发布、审批、指派、执行、完成、终止、回退等完整状态流转。

• 流程可视化: 自动记录每个流程节点的操作人、操作时间、耗时,并以时间轴形式展示。

• 权限控制: 细粒度的角色权限(普通用户、审批人、管理员),支持动态数据权限。

• 数据统计: 包含需求状态分布、处理耗时统计等。


  1. 技术架构

后端技术栈

• 核心框架: Spring Boot 3.3.4

• JDK 版本: Java 21

• 持久层: Spring Data JPA

• 数据库: MySQL 8.0+ (开发/测试环境兼容 H2)

• 安全框架: Spring Security + JJWT 0.11.5 (Stateless Authentication)

• API 文档: SpringDoc OpenAPI (Swagger UI) 2.6.0

• 工具库: Lombok, Apache POI (Excel导出)

• 构建工具: Maven

前端技术栈

• 核心框架: Vue 3.4 (Composition API)

• 构建工具: Vite 5.0

• UI 组件库: Element Plus 2.8

• 路由管理: Vue Router 4.x

• HTTP 客户端: Axios 1.6

• 样式: Tailwind CSS (部分使用) / CSS Variables


  1. 数据库设计

略...


界面如下:

有需要的可以联系我。

相关推荐
用户2136610035722 小时前
VueRouter进阶-动态路由与嵌套路由
前端·vue.js
杨运交2 小时前
[041][公共模块]分布式唯一ID生成器设计与实现:一款灵活可扩展的雪花算法框架
spring boot
暴走的小呆17 小时前
Vue 2 中 Object 的变化侦测:从 getter/setter 到 Dep、Watcher、Observer
vue.js
英勇无比的消炎药18 小时前
TinyVue v-auto-tip: 文本超长自动提示的优雅方案
vue.js
时光足迹20 小时前
腾讯云 TRTC UniApp SDK 从入门到上线
前端·vue.js·uni-app
时光足迹20 小时前
uni-app 里把加密视频嵌入页面播放?我分析了 4 种方案,只有 1 种接近完美
前端·vue.js·uni-app
时光足迹20 小时前
JPush UniApp UTS 插件完全参考手册:API、事件与厂商通道一网打尽
vue.js·ios·uni-app
时光足迹20 小时前
极光推送全攻略(下):uni-app 代码实现与 iOS 排查实战
vue.js·ios·uni-app
疯狂的魔鬼1 天前
一个"懂分寸"的文本省略组件是怎样炼成的
前端·vue.js·设计
裕波1 天前
AI 正在重写应用开发。Vue 与 Vite,给出新的答案。
javascript·vue.js