Spring Boot 3 + Vue 3 + MySQL 学习成果时间轴可视化系统源码实战
一、项目简介本系统是一个基于 Spring Boot 3 Vue 3 MySQL 的学习成果时间轴可视化平台采用前后端分离架构。系统支持学习者LEARNER和管理员ADMIN两种角色。学习者可以记录、管理自己的学习成果并以时间轴形式直观展示学习历程管理员负责用户管理、成果管理、系统配置维护以及操作日志审计等后台管理工作。二、技术栈技术说明后端框架Spring Boot 3.xORMMyBatis-Plus权限认证JWT Token基于请求属性传递用户信息前端框架Vue 3状态管理Vuex / Pinia构建工具Vite数据库MySQL三、功能模块普通用户端注册账号填写用户名、密码、真实姓名、手机号、邮箱、班级、专业等信息完成注册登录系统通过用户名和密码登录返回 JWT Token 用于后续请求鉴权个人信息管理查看个人基本信息角色、班级、专业等修改真实姓名、手机号、邮箱、头像等字段支持修改登录密码需输入旧密码学习成果管理新增成果时填写标题、描述、分类、完成时间、权重、资源链接、封面图并关联标签和能力指标支持编辑、删除已有成果及其关联数据标签关系、能力关系、附件、注释成果查询与展示支持分页查询成果列表按分类、关键词、时间范围、标签筛选仅限当前用户成果查看成果详情标题、描述、分类名称、完成时间、权重、标签列表、附件列表、注释列表、关联能力指标个人时间轴按完成时间升序排列成果支持按分类、标签、时间范围筛选以时间轴形式直观展示学习历程个人统计查看总成果数、按分类统计数量、按月统计数量、按能力指标统计数量、平均权重成果注释对指定成果添加文字注释记录创建时间和作者真实姓名支持编辑或删除自己的注释成果附件上传文件记录文件名、路径、类型、大小并关联到指定成果支持删除附件记录及物理文件分享功能生成唯一分享码设置标题和分享类型支持设置过期天数通过分享码他人可查看分享者的学习成果时间轴管理自己的分享记录分页查看列表、删除分享系统数据查看查看所有已启用的标签列表、分类列表含排序以及树形结构的能力指标列表管理员端用户管理分页查询用户列表支持按关键词、角色、班级、状态筛选查看用户详情新增用户编辑用户信息真实姓名、手机号、邮箱、角色、班级、专业等启用或禁用用户账号删除用户账号成果管理查看所有用户的学习成果列表支持按用户、分类、关键词、时间范围、标签筛选查看任意成果的详细内容删除违规或过期的学习成果分类管理新增、编辑、删除成果分类设置名称、描述、图标、排序、启用状态标签管理新增、编辑、删除成果标签设置标签名称和颜色能力指标管理新增、编辑、删除能力指标支持树形结构设置名称、描述、父级、排序时间轴模板管理新增、编辑、删除时间轴模板设置名称、描述、配置JSON、主题色、节点样式、预览图设置默认模板系统配置管理查看所有系统配置项键值对形式修改系统配置如最大上传大小、允许文件类型、分享过期天数等操作日志管理分页查询操作日志支持按操作关键词、用户名、时间范围筛选清理指定时间之前的操作日志分享管理查看所有用户的分享记录分页列表删除违规分享链接群组时间轴与统计按班级或专业查看多个学习者的合并时间轴统计总学生数、总成果数、分类分布、月度趋势、能力指标分布对比分析选择多个用户进行成果数量、分类、时间等多维度对比选择多个班级进行成果数量、分类等对比分析基础数据获取获取系统中所有不重复的班级名称列表和专业名称列表四、项目总结本系统技术亮点包括采用 Spring Boot 3 Vue 3 最新技术栈实现前后端分离基于 JWT 实现无状态认证支持角色权限控制时间轴可视化与多维度统计功能帮助用户直观了解学习成果分布分享机制支持学习成果对外展示与传播。项目适合作为学习前后端分离开发、权限管理、文件上传、数据可视化等技术的实战案例也可用于个人学习管理或班级学习成果展示场景。界面展示交付内容本项目为完整交付包含完整后端源码完整前端源码数据库初始化脚本SQL万字项目文档设计文档 / 论文可作课程设计、毕业设计参考获取完整源码完整前后端源码 数据库脚本 万字项目文档见 Gitee 仓库https://gitee.com/kangxihuang/src-K090