一、技术路线:
开发语言:Java
前端技术:JavaScript、VUE.js(2.X)、css3
数据库:MySQL 5.7
数据库管理工具:Navicat或sqlyog
开发工具:IDEA或Ecplise
二、项目介绍:
三、运行截图:
第5章系统实现
编程人员在搭建的开发环境中,会让各种编程技术一起呈现出最终效果。本节就展示关键部分的页面效果。
3.1 管理员功能实现
3.1.1 学分记录管理
图3.1 即为编码实现的学分记录管理界面,学分记录信息有学期,涉及学分数量,学生姓名等信息,管理员需要新增学分记录信息,可以导出学分记录信息等。
图3.1 学分记录管理界面
3.1.2 学分记录报表
图3.2 即为编码实现的学分记录报表界面,管理员可以通过学分记录报表来了解各个学生的学分信息。该学分记录报表可以通过柱形图,折线图等方式进行展示,管理员也能对学分记录报表进行下载。
图3.2 学分记录报表界面
3.1.3 成绩信息管理
图3.3 即为编码实现的成绩信息管理界面,管理员需要添加学生姓名,学期,成绩,联系方式等信息,可以修改登记有错误数据的学生成绩信息等。
图3.3 成绩信息管理界面
3.1.4 公告信息管理
图3.4 即为编码实现的公告信息管理界面,公告的标题,内容都是管理员负责添加,发现有错误数据的公告信息,也是管理员负责修改。
图3.4 公告信息管理界面
3.1.5 学生管理
图3.5 即为编码实现的学生管理界面,学生信息包括创新学分,学生学院,班级,联系方式等信息,管理员修改学生数据,查询学生等。
图3.5 学生管理界面
3.2 学生功能实现
3.2.1 学分记录查看
图3.6 即为编码实现的学分记录查看界面,学生查看自己的学分记录信息,包括增加的学分数量以及减少的学分数量信息都可以查看,学生也能根据学期或增减类型来筛选学分记录信息。
图3.6 学分记录查看界面
3.2.2 成绩信息查看
图3.7 即为编码实现的成绩信息查看界面,学生查看成绩,成绩信息包括了成绩分数,学科,学期等信息,学生根据学科或学期可以筛选成绩信息。
图3.7 成绩信息查看界面
3.2.3 公告信息查看
图3.8 即为编码实现的公告信息查看界面,学生查询公告,查看公告图片,内容,标题等信息。
图3.8 公告信息查看界面