ssm民族大学创新学分管理系统分析与设计+vue

一、技术路线:

开发语言:Java

前端技术:JavaScript、VUE.js(2.X)、css3

数据库:MySQL 5.7

数据库管理工具:Navicat或sqlyog

开发工具:IDEA或Ecplise

二、项目介绍:


三、运行截图:


第5章系统实现

编程人员在搭建的开发环境中,会让各种编程技术一起呈现出最终效果。本节就展示关键部分的页面效果。

3.1 管理员功能实现

3.1.1 学分记录管理

图3.1 即为编码实现的学分记录管理界面,学分记录信息有学期,涉及学分数量,学生姓名等信息,管理员需要新增学分记录信息,可以导出学分记录信息等。

b819df8776d15c56952d97b6b8bdbc67.jpeg

图3.1 学分记录管理界面

3.1.2 学分记录报表

图3.2 即为编码实现的学分记录报表界面,管理员可以通过学分记录报表来了解各个学生的学分信息。该学分记录报表可以通过柱形图,折线图等方式进行展示,管理员也能对学分记录报表进行下载。

30f61e8bc8316b47e03511ed86801c48.jpeg

图3.2 学分记录报表界面

3.1.3 成绩信息管理

图3.3 即为编码实现的成绩信息管理界面,管理员需要添加学生姓名,学期,成绩,联系方式等信息,可以修改登记有错误数据的学生成绩信息等。

ac0c610cb8e85cdfc1d616996b571689.jpeg

图3.3 成绩信息管理界面

3.1.4 公告信息管理

图3.4 即为编码实现的公告信息管理界面,公告的标题,内容都是管理员负责添加,发现有错误数据的公告信息,也是管理员负责修改。

af418c0906f9cab7631734a3e5ea369b.jpeg

图3.4 公告信息管理界面

3.1.5 学生管理

图3.5 即为编码实现的学生管理界面,学生信息包括创新学分,学生学院,班级,联系方式等信息,管理员修改学生数据,查询学生等。

207d69d43ff931041096be66ec7e4c10.jpeg

图3.5 学生管理界面

3.2 学生功能实现

3.2.1 学分记录查看

图3.6 即为编码实现的学分记录查看界面,学生查看自己的学分记录信息,包括增加的学分数量以及减少的学分数量信息都可以查看,学生也能根据学期或增减类型来筛选学分记录信息。

d67cd4d7fdbff685e5d7e75d048e9b65.jpeg

图3.6 学分记录查看界面

3.2.2 成绩信息查看

图3.7 即为编码实现的成绩信息查看界面,学生查看成绩,成绩信息包括了成绩分数,学科,学期等信息,学生根据学科或学期可以筛选成绩信息。

15c1b5faaaa6e1cd40386ce9989be598.jpeg

图3.7 成绩信息查看界面

3.2.3 公告信息查看

图3.8 即为编码实现的公告信息查看界面,学生查询公告,查看公告图片,内容,标题等信息。

ac3f3cd189dd58ddfee40671c2b85e30.jpeg

图3.8 公告信息查看界面

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

言宇程序

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值