news 2026/8/2 3:56:30

SpringBoot3+Vue3+MySQL校园网络故障报修系统前后端分离源码

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
SpringBoot3+Vue3+MySQL校园网络故障报修系统前后端分离源码

一、项目简介

校园网络故障报修与跟踪系统是一套基于 Spring Boot 3 + Vue 3 前后端分离架构的管理平台,覆盖报修全生命周期,从用户提交故障工单,到管理员统一调度分配,再到维修人员接单处理,最后用户评价反馈,形成完整闭环。系统内置用户管理、工单流转、评价反馈、操作日志、公告发布、数据库备份等模块,为校园网络运维提供数字化支撑。系统包含三种角色:普通用户(师生)负责提交工单与评价;维修人员负责处理分配到的工单并记录维修详情;管理员负责用户管理、工单调度、数据统计、公告与系统配置等全局管控。

二、技术栈

技术说明
后端框架Spring Boot 3.2.5
ORMMyBatis-Plus 3.5.5
权限/认证Session 会话 + 角色校验(ADMIN / REPAIR / USER)
前端框架Vue 3 + Element Plus
状态管理Vue Router(createWebHistory)
构建工具Vite
数据库MySQL 8.0
工具库Hutool(MD5 加密)、Axios(HTTP 请求)

三、功能模块

管理员端

  • 用户管理:查看用户列表,支持按用户名/真实姓名/手机号搜索,按角色筛选;新增用户(设置用户名、密码、真实姓名、手机号、邮箱、角色、部门);编辑用户信息;启用/禁用账号;删除用户。
  • 工单管理:查看全部工单列表,支持按工单编号/标题/位置搜索,按状态/故障类型筛选;查看工单详情(含故障描述、处理记录时间线);删除异常工单。
  • 工单分配调度:查看所有"待分配"状态工单,选择维修人员执行分配,分配后工单状态变为"已分配",系统自动记录分配时间和分配日志。
  • 工单全局监控:查看工单统计概览(总工单数、待分配、已分配、处理中、已完成数量),实时查看所有工单列表及当前状态。
  • 数据统计:查看工单各状态数量统计;查看故障类型分布统计,以图表展示各故障类型占比。
  • 公告管理:发布公告(填写标题、类型、内容);编辑公告;下架/发布公告(切换状态);删除公告;按标题搜索公告。
  • 评价管理:查看所有用户评价列表(含评分、评价内容、评价人、被评价人);可隐藏/显示评价。
  • 操作日志:查看系统操作日志列表(操作人、操作描述、模块、IP 地址、操作时间);按关键字搜索日志;清理指定天数前的历史日志。
  • 系统设置:查看系统信息(版本、后端框架、前端框架、数据库、Java 版本、操作系统);执行数据库备份生成 .sql 文件;查看备份文件列表;下载备份文件;删除备份文件。

普通用户端

  • 提交报修工单:填写故障标题、故障类型(无线/有线/速度异常/服务器等)、故障位置、故障描述、紧急程度(低/普通/高/紧急),支持上传故障图片。
  • 工单列表:查看个人提交的所有工单,按状态(待分配/已分配/处理中/已完成)筛选。
  • 工单跟踪:实时查看单个工单的处理进度,包括当前状态、分配维修人员、处理日志时间线。
  • 历史记录:查看历史报修记录,包含已完成工单的完整详情。
  • 评价反馈:对已完成工单进行 1-5 分打分,填写评价内容。
  • 个人设置:修改登录密码(需验证原密码);查看个人资料(用户名、真实姓名、手机号、邮箱、角色)。
  • 公告浏览:查看已发布公告列表及公告详情。

维修人员端

  • 我的工单:查看管理员分配给本人的待处理工单列表。
  • 开始维修:将工单状态从"已分配"变更为"处理中",系统自动记录开始时间。
  • 完成维修:填写维修内容描述和耗材信息,将工单状态变更为"已完成",系统记录完成时间。
  • 历史工单:查看本人处理过的所有工单记录。
  • 个人统计:查看总工单数、已完成数、完成率。
  • 评价查看:查看本人收到的评价平均分。
  • 日志追踪:查看每个工单的完整处理日志(分配、开始、完成等动作)。

四、项目总结

本项目技术亮点在于:采用 Spring Boot 3 + Vue 3 前后端完全分离架构,RESTful API 设计清晰;基于 Session + 角色注解实现细粒度的权限控制;工单状态机流转逻辑完整,分配、处理、完成各节点均记录操作日志,便于追溯;管理员端提供故障类型分布图表统计与数据库一键备份功能,具备较强的实用性。项目代码结构规范、注释完整,附带数据库初始化脚本与万字文档,适合作为 Java 全栈课程设计、毕业设计或 Spring Boot 3 + Vue 3 入门学习与二次开发的基础项目。

界面展示

交付内容

本项目为完整交付,包含:

  • 完整后端源码
  • 完整前端源码
  • 数据库初始化脚本(SQL)
  • 万字项目文档(设计文档 / 论文,可作课程设计、毕业设计参考)

获取完整源码

完整前后端源码 + 数据库脚本 + 万字项目文档见 Gitee 仓库:https://gitee.com/kangxihuang/src-K242

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/8/2 3:54:10

GrapesJS:零代码构建响应式网页的可视化框架

GrapesJS:零代码构建响应式网页的可视化框架 【免费下载链接】grapesjs Free and Open source Web Builder Framework. Next generation tool for building templates without coding 项目地址: https://gitcode.com/GitHub_Trending/gr/grapesjs GrapesJS是…

作者头像 李华
网站建设 2026/8/2 3:53:50

Java使用Apache POI动态生成Word文档实战:模板替换与表格填充

1. 项目缘起:为什么需要动态导出Word文档?最近在做一个后台管理系统的迭代,产品经理提了个需求,要求系统能根据用户在前端勾选的数据项,动态生成一份格式规整的Word报告,并支持下载。这听起来是个很常见的功…

作者头像 李华
网站建设 2026/8/2 3:50:14

gamma曲线图

一、gamma曲线图 二、gamma曲线函数 import numpy as np import matplotlib.pyplot as plt# 设置中文字体(确保系统支持,否则回退到英文) plt.rcParams[font.sans-serif] [SimHei, Arial Unicode MS, DejaVu Sans] plt.rcParams[axes.unico…

作者头像 李华