项目介绍：本项目主要有数据总览，学生管理，成绩管理，班级管理，教师管理，疫情管理，系统设置模块。 本项目是毕业设计项目，首页设置数据可视化和学生位置分布大地图的展示，学生、成绩信息可通过Excel灵活导出，此外还设置了疫情管理模块、IP 登录信息，使项目更接近于实际

前端部分采取VUE + Element-UI进行项目的搭建和页面的设计，使用vue-admin-template后台管理模板，采取Axios与后端进行对接，进行数据的传输；后端则采用NodeJS + Express进行接口开发，MySql作为数据库存储数据。

设置各班级人数、男女比例、系统近七天登录次数，各省市学生人数分布的可视化图表展示，分别采用柱状图、饼图、折线图和中国大地图展示

分为学生列表、添加学生、毕业学生、误删恢复功能，其中学生列表以分页的形式展示学生的基本信息，包括姓名、性别、年龄、联系电话等，也可在列表中对其进行操作。还可根据需求对学生进行班级、姓名、入学时间的筛选，也可对学生通过Excel的方式批量的导入和导出

分为成绩列表、成绩录入、考试管理功能，成绩列表根据选择的班级和考试批次进行展示，可将成绩进行Excel的导出；成绩录入功能则将对应学生的分数进行上传，也可导出空白成绩册，考试管理则对考试批次进行修改和添加

对班级进行命名、班主任设置、编辑和删除等功能

可管理教师的姓名、年龄、邮箱等信息，也可添加或开除教师等操作

在本系统中，将疫情管理作为额外的功能添加到本系统中，该功能是对班级学生进行健康码、行程码、核酸检测、是否在校、离校去向等情况进行记录，达到管理学生的身体健康情况的目的，此外还可通过条件对学生进行筛选

此功能对学生的个人信息进行详细的展示和数据分析，主要包括学生的个人信息如姓名、性别、班级、监护人、联系地址等进行展示，还有最新考试成绩的展示，包括本次考试的平均分和总分，然后是对数据进行分析，包括同省市的人数、科目的优秀，中等以及不及格的科目数的展示，成绩散点图和成绩排名的展示。分别以柱状图、饼图、散点图、进度条的形式进行数据可视化展示。在此功能中，还设置了对学生各项信息和数据的PDF导出，以PDF的形式导出个人信息，在该PDF中有对学生数据的详细分析

系统设置，可修改管理员密码、更换绑定的邮箱、查看系统的IP登陆记录等功能

1.克隆项目到本地并安装依赖

2.启动项目

将项目克隆到本地后, 需要修改.env.development文件中的VUE_APP_BASE_API为后端接口地址 将原文件中

修改为

即可使项目连接到服务器的后端接口

1.项目启动中如有以下报错(没有报错则无需修改)：

解决方法：

2.项目中的百度地图做了限制，只能在本域名下使用，如需在其它地方使用，请自行申请并替换public/index.html中的百度地图密钥

3.如果因为安装依赖问题导致项目启动失败, 请检查node版本, 本项目使用的是node v16