【原创】springboot+vue校园疫情防控管理系统设计与实现

个人主页：程序猿小小杨

个人简介：从事开发多年，Java、Php、Python、前端开发均有涉猎

博客内容：Java项目实战、项目演示、技术分享

文末有作者名片，希望和大家一起共同进步，你只管努力，剩下的交给天意。

前言：

之前的疫情给我们的经济和生活带来了很大的不便，即使现在处于后疫情时代，我们任然在收到疫情的影响，为了提高疫情防控效率，保护师生的生命财产安全，同时在疫情突然来临的时候可以及时应对，于是今天我们基于springboot+vue+mysql去设计一个校园疫情防控管理系统。

功能分析

基于springboot+vue的疫情防控管理系统，主要提供给管理员和广大用户使用，这就要求系统必须至少具备以下功能：系统包含管理员、学生（用户）角色，功能如下：
管理员：首页（数据图表统计）；学生信息管理；风险地区管理；健康打开；核酸监测（针对阳性隔离）；隔离管理；请假管理；消息提醒；公告消息；个人信息；密码修改；
学生：风险地区查看；健康打卡；核酸检测；隔离管理；请假管理；消息提醒；公告查看；修改个人信息；修改密码。

开发工具：

开发环境：jdk1.8+node.js

数据库版本：MySQL5.6或者以上，不要太低了。

开发工具：服务器Idea，前端vscode

使用技术：

疫情防控管理系统主要采用springboot+vue这种前后端分离的方式开发，这是目前的主流开发模式，服务器端使用springboot、mybatis、springmvc等技术整合；前端采用vue、vuex、vueRouter等技术栈，前后端交互采用axios发送请求的方式。系统是B/S架构，数据库用的是mysql。 

数据库设计：

基于springboot+vue的校园疫情防控管理系统数据库表主要包含如下：

管理员表、地区风险表、隔离表、请假表、消息表、公告表、健康打开表等等。

界面设计： 

系统界面颜色搭配，我们今天换一种风格，采用黑色菜单+白色内容的方式，中台式设计。布局工整，首页的设计也显得简单大方（ps：可能审美有待提高，不喜勿喷）。下面我们简单介绍几个界面。

登录

首页 

用户表 

 

风险地区

 

健康打卡

核酸检测 

隔离管理 

由于页面比较多，这里不一一演示，大概模块功能都差不多。

总结：

基于springboot+vue的校园疫情防控管理系统，核心功能主要就是学生健康打开，管理员对阳性人员进行隔离管理，另外还具有核酸检测功能。系统流程不是很复杂，只要了解其中一个模块的机制，其他模块一通百通。本人具备多年软件开发经验，有问题可以共同探讨。