毕业设计源码 | node.js+vue+springboot学生成绩管理系统 教务管理系统(附源码)

1，绪论

项目介绍

本项目是一个功能全面的教务管理系统，为了增强系统的易用性和增加受众群体。系统特地开发了两个后端，这两个后端一个是基于SpringBoot框架进行开发；另一个是基于node.js（Express） 框架开发而成。
两个后端的功能设计是一样的，只是技术栈略有不同。用户在使用时可切换前端的端口号来实现后端的切换。

项目背景

随着我国高等教育的发展，数字化校园将成为一种必然的趋势，国内高校迫切需要提高教育工作的质量与效率，学生成绩管理工作是高校信息管理工作的重要组成部分，与国外高校不同，他们一般具有较大规模的稳定的技术队伍来提供服务与技术支持。而国内高校信息化建设相对起步较晚。由于整体信息化程度相对落后，经费短缺，理论体系不健全等原因，国内高校教务管理系统在机构设置、服务范围、服务质量及人员要求上与国外高校相比都有一定的差距。

虽然面对种种困难，许多高校还是针对己学校的规模和特点开发出了学生成绩管理系统，将管理人员从繁杂的日常事务性工作中解脱岀来，提高了工作效率，实现了信息共享。由于现在处于初级阶段，现在国内很多高校以及很多软件公司都纷纷看关于高校的管理系统，但是就目前来看，许多高校的学生成绩管理系统还存在非常多的问题，最主要的问题就是功能单一，一个系统之针对一个群体。

各个相关系统间没有紧密、有效的联系，比如管理系统只有学校的管理员使用，学生如果对自己的信息进行相关查询，又要设计出另外的一套系统，数据又要重新导入，影响了信息的重用和共亨。也不方便于管理和维护

2，系统设计

功能权限结构图

3，需求分析

3.1 管理员功能需求

1. 个人中心：可快速预览个人信息和相关功能预览
2. 成绩管理：可查看所有学生的成绩
3. 学生信息：管理所有学生的个人信息
4. 课程管理：用于给不同年级，不同专业的班级增加或编辑课程
5. 用户管理：管理员可以对管理员用户，教师用户和学生用户进行增删改查管理
6. 账户管理：对系统内所有账号进行用户名和密码的管理

3.2 教师功能需求

1. 个人中心：可快速预览个人信息和相关功能预览
2. 教学任务：教师在此可发布管理各个课程的教学任务，以供学生查看
3. 成绩管理：可查看、录入、编辑所有学生的成绩

3.3 学生功能需求

1. 个人中心：可快速预览个人信息和相关功能预览
2. 教学任务：查看自己课程的教学任务
3. 成绩管理：可查看自己的成绩
4. 课程信息：查看自己的所选课程信息
5. 选课：学生可以选择想上的课程
6. 教学评价：学生可以对上过的课程进行评价打分

4，技术分析

后端技术

技术	说明	官网
Node.JS	JS代码的运行环境	https://nodejs.org/en
Express	Web应用开发框架	https://www.expressjs.com.cn/
Express-session	session的中间件	有源码 获取源码
EJS	嵌入式模板引擎	https://ejs.bootcss.com/
Morgan	日志中间件	https://github.com/jwtk/jjwt
Multer	表单数据处理工具	https://github.com/expressjs/multer
MySQL	数据库	https://www.mysql.com/

技术	说明	官网
SpringBoot	Web应用开发框架	https://spring.io/projects/spring-boot
SpringSecurity	认证和授权框架	https://spring.io/projects/spring-security
MyBatis	ORM框架	http://www.mybatis.org/mybatis-3/zh/index.html
MyBatisGenerator	数据层代码生成器	http://www.mybatis.org/generator/index.html
Druid	数据库连接池	https://github.com/alibaba/druid
JWT	JWT登录支持	https://github.com/jwtk/jjwt
Lombok	Java语言增强库	https://github.com/rzwitserloot/lombok
PageHelper	MyBatis物理分页插件	http://git.oschina.net/free/Mybatis_PageHelper

前端技术

技术	说明	官网
Vue	前端框架	https://vuejs.org/
Vue-router	路由框架	https://router.vuejs.org/
Vuex	全局状态管理框架	https://vuex.vuejs.org/
Element	前端UI框架	https://element.eleme.io
Axios	前端HTTP框架	https://github.com/axios/axios
v-charts	基于Echarts的图表框架	https://v-charts.js.org/ 有源码 获取源码

5，页面展示

登录，学生，教师，管理员均在此界面登录系统，点击权限名称即可切换登录位置

系统配色调整、修改密码

5.1 管理员首页

管理员在此页面可以查看，编辑自己的个人信息；点击用户模块下的查看更多按钮即可查看修改各个用户的信息；点击学生信息下的查看更多按钮即可管理学生信息；同理，点击课程信息下的查看更多按钮即可管理课程信息。

个人信息管理

用户管理

学生信息管理

编辑学生信息

课程管理

编辑课程信息

成绩管理

5.2 教师主页

教师在此页面可以查看，编辑自己的个人信息；点击成绩信息下的查看更多按钮即可管理成绩信息，点击教学任务下的查看更多按钮即可发布编辑教学任务。

个人中心

成绩管理

打分

教学任务管理

新增教学任务

5.3 学生主页

学生在此页面可以查看，编辑自己的个人信息；点击成绩信息下的查看更多按钮即可查看成绩信息，点击教学任务下的查看更多按钮即可查看老师发布的教学任务。

个人中心

教学任务查看

课程信息查看

选课

教学评价