计算机毕业设计 | vue+SpringBoot选课管理系统(附源码)

1,绪论

1.1 开发背景

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

1.2 开发意义

虽然面对种种困难,许多高校还是针对己学校的规模和特点开发出了学生成绩管理系统,将管理人员从繁杂的日常事务性工作中解脱岀来,提高了工作效率,实现了信息共享。

由于现在处于初级阶段,现在国内很多高校以及很多软件公司都纷纷看关于高校的管理系统,但是就目前来看,许多高校的学生成绩管理系统还存在非常多的问题,最主要的问题就是功能单一,一个系统之针对一个群体。

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

2,系统设计

计算机毕业设计 | vue+SpringBoot选课管理系统(附源码)_第1张图片

3,需求分析

  1. 管理员
    1. 实现对教师, 学生, 课程的 CRUD
    2. 实现对教师业务以及学生业务的全方位控制
  2. 教师
    1. 实现查询我开设的课程, 以及选择我课程的学生信息
    2. 对学生成绩的登陆
  3. 学生
    1. 实现选课退课的功能
    2. 实现成绩查询的功能

4,技术分析

后端技术

技术 说明 官网
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的图表框架 有源码 获取源码

5,学生页面展示

登录

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

计算机毕业设计 | vue+SpringBoot选课管理系统(附源码)_第2张图片

学生首页

计算机毕业设计 | vue+SpringBoot选课管理系统(附源码)_第3张图片

修改密码

计算机毕业设计 | vue+SpringBoot选课管理系统(附源码)_第4张图片

选课管理

选课

计算机毕业设计 | vue+SpringBoot选课管理系统(附源码)_第5张图片

查询课表

计算机毕业设计 | vue+SpringBoot选课管理系统(附源码)_第6张图片

成绩查询

计算机毕业设计 | vue+SpringBoot选课管理系统(附源码)_第7张图片

6,教师页面展示

教师首页

计算机毕业设计 | vue+SpringBoot选课管理系统(附源码)_第8张图片

修改密码

计算机毕业设计 | vue+SpringBoot选课管理系统(附源码)_第9张图片

课程设置

我开设的课程

计算机毕业设计 | vue+SpringBoot选课管理系统(附源码)_第10张图片

开设课程

计算机毕业设计 | vue+SpringBoot选课管理系统(附源码)_第11张图片

成绩管理

计算机毕业设计 | vue+SpringBoot选课管理系统(附源码)_第12张图片

编辑成绩

计算机毕业设计 | vue+SpringBoot选课管理系统(附源码)_第13张图片

7,管理员页面展示

管理员个人中心

计算机毕业设计 | vue+SpringBoot选课管理系统(附源码)_第14张图片

学生管理

计算机毕业设计 | vue+SpringBoot选课管理系统(附源码)_第15张图片

教师管理

计算机毕业设计 | vue+SpringBoot选课管理系统(附源码)_第16张图片

课程管理

计算机毕业设计 | vue+SpringBoot选课管理系统(附源码)_第17张图片

开课管理

计算机毕业设计 | vue+SpringBoot选课管理系统(附源码)_第18张图片

学生成绩管理

计算机毕业设计 | vue+SpringBoot选课管理系统(附源码)_第19张图片

你可能感兴趣的:(前后端分离源码分享,课程设计,spring,boot,毕业设计,java,vue,前端,node.js)