基于 Spring Boot + Vue3 的校园管理系统

1、项目简介

基于 Spring Boot + Vue3 的校园管理系统,前后端分离,Sa-Token 三端鉴权,ECharts 数据看板。本文从架构、权限分层、功能模块到数据库设计,完整拆解一个多角色校园管理项目的落地过程,附真实界面截图。

2、技术栈

Spring Boot · Vue3 · Element Plus · MySQL · MyBatis-Plus · Sa-Token · ECharts · Vite

3、详细介绍

3.1、管理员端

负责全平台配置与监管,数据范围覆盖全部院校、用户、单位及通知投票记录。

· 首页:展示院校、用户、单位类别、院校管理员、单位、通知、投票、回复等八项统计卡片与快捷入口

· 统计分析:ECharts 柱状图、饼图、折线图展示各模块数量对比、通知回复趋势、用户状态与投票赞成/反对对比

· 院校管理:维护学院名称、简介、职工人数、资料文件及院校账号等信息

· 用户管理:维护学生用户档案,支持搜索、编辑、删除与状态管理

· 单位类别:维护单位分类字典,供单位与用户关联使用

· 院校管理员:创建并维护各院校负责人账号及联系方式

· 单位管理:维护单位人员档案,支持绑定用户、上传照片与查看详情

· 通知推送:查看与管理院校向用户发送的通知记录

· 投票信息:维护候选人信息与赞成票、反对票统计

· 通知回复:查看并管理师生针对通知的回复记录

· 个人中心:修改管理员资料与密码

3.2、院校管理员端

负责本院校范围内用户与业务数据,不可跨院校操作。

· 首页:展示本院校用户、单位、通知、投票、回复等统计概览与快捷入口

· 统计分析:查看本院校维度的模块数量、通知回复趋势、用户状态与投票数据图表

· 用户管理:查看与管理与本院校关联的用户档案

· 单位类别:维护本院校可用的单位分类

· 单位管理:查看与管理本院校下属单位人员信息

· 通知推送:查看院校发出的通知,可对通知进行回复互动

· 投票信息:只读查看候选人投票信息与票型统计

· 通知回复:查看、编辑与管理本院校相关的师生回复记录

· 个人中心:修改院校管理员资料与密码

3.3、用户端

面向注册学生用户,仅查看与本人及绑定单位相关的数据。

· 首页:展示个人待阅通知、投票动态等工作台概览

· 单位管理:查看已绑定单位的姓名、类别、联系方式与照片等详情

· 通知推送:查看院校发送给自己的通知内容

· 投票信息:浏览候选人介绍及赞成票、反对票统计,可查看详情

· 通知回复:对通知发起回复并查看历史回复记录

· 个人中心:维护个人资料、照片、联系方式与密码

3.4、业务流程

系统管理员创建院校与院校管理员 → 维护用户与单位绑定 → 院校推送通知 → 用户查看并回复 → 院校/管理员在通知回复中跟进 → 管理员维护投票信息 → 三端统计分析看板汇总展示。

4、源码截图

4.1、服务端源码

4.2、前端源码

5、数据库截图

6、功能截图

6.1、管理员端

6.2、院校管理员端

6.3、学生端

相关推荐
136096757231 小时前
旧 SQL 在新 PG 上能不能跑
后端
SamDeepThinking1 小时前
配货单发货数为空告警误报治理:写表延迟复核方案
java·后端·架构
知守观1 小时前
mirrorOf= 把私服请求拦去了公网镜像:本地能跑,CI 上内部包 404 排查
后端·ci/cd·maven
ly76891 小时前
读懂 PostgreSQL 执行计划:从 EXPLAIN 输出定位 Spring Boot 慢 SQL 的代价估算偏差
spring boot·sql·postgresql·执行计划·explain analyze·慢sql优化
万物智能1 小时前
鸿蒙UART总线怎么用?—【万物智能之开源鸿蒙OpenHarmony系统实战开发系列教程】
后端
\光辉岁月/1 小时前
16.JavaSE-反射
java·反射
范什么特西1 小时前
加深动态代理的理解
java
UrbanJazzerati1 小时前
AutoHotkey v2 零基础快速入门 Part 5 游戏场景明暗阈值采集工具
后端
GoGeekBaird1 小时前
我做了一个给 Agent 用的电商开源项目:开店、上架、改版,跟 Agent 说一声就行
后端·github·agent
天天被压力1 小时前
【Python量化实战宝典 #03】指数与板块行情接口全拆解:大盘·行业·概念一键取(Python 可跑)
java·人工智能·python