ssm学生考勤管理系统+vue

第5章系统实现

一、技术路线：

开发语言：Java

前端技术：JavaScript、VUE.js（2.X）、css3

数据库：MySQL 5.7

数据库管理工具：Navicat或sqlyog

开发工具：IDEA或Ecplise

二、项目介绍：

https://www.bilibili.com/video/BV1TB4y1f7T2/

三、运行截图：

3.1个人中心

通过设计的个人中心功能模块，用户可以选择修改账号密码，查看个人资料信息，通过不定期的对个人账户密码进行更新，保障个人信息安全，修改密码界面设计如图3-1所示，个人信息界面设计如图3-2所示。

图3-1修改密码界面

图3-2个人信息界面

3.2基础数据管理

通过设计的基础数据管理功能模块，管理用户可以管理相关的班级、公告类型、考勤类型、课程信息记录，比如进行查看班级、公告类型、考勤类型、课程信息的详细资料，修改班级、公告类型、考勤类型、课程的名称信息，删除已经失效的班级、公告类型、考勤类型、课程信息记录等操作，班级管理界面设计如图3-3所示，公告类型管理界面设计如图3-4所示，考勤类型管理界面设计如图3-5所示，课程管理界面设计如图3-6所示。

图3-3班级管理界面

图3-4公告类型管理界面

图3-5考勤类型管理界面

图3-6课程管理界面

3.3辅导员管理

通过设计的辅导员管理功能模块，管理用户可以管理相关的辅导员信息资料，比如进行查看辅导员的详细资料，修改辅导员的联系方式，添加某位新的辅导员信息记录，删除已经注销的辅导员信息记录等操作，辅导员管理界面设计如图3-7所示。

图3-7辅导员管理界面

3.4公告管理

通过设计的公告管理功能模块，管理用户可以管理相关的公告信息记录，比如进行查看公告信息的详细信息，修改公告的名称信息，删除已经失效的公告信息记录等操作，公告管理界面设计如图3-8所示。

图3-8公告管理界面

3.5考勤管理

通过设计的考勤管理功能模块，管理用户可以管理相关的考勤信息记录，比如进行查看考勤信息的详细信息，修改考勤的结果信息，删除已经失效的考勤信息记录等操作，考勤管理界面设计如图3-9所示。

图3-9考勤管理界面

3.6老师管理

通过设计的老师管理功能模块，管理用户可以管理相关的老师信息资料，比如进行查看老师的详细资料，修改老师的联系方式，添加某位新的老师信息记录，删除已经注销的老师信息记录等操作，老师管理界面设计如图3-10所示。

图3-10老师管理界面

3.7学生管理

通过设计的学生管理功能模块，管理用户可以管理相关的学生信息资料，比如进行查看学生的详细资料，修改学生的联系方式，添加某位新的学生信息记录，删除已经注销的学生信息记录等操作，学生管理界面设计如图3-11所示。

图3-11学生管理界面

3.8预警管理

通过设计的预警管理功能模块，管理用户可以管理相关的考勤预警信息记录，比如进行查看预警信息的详细信息，修改考勤的预警时间信息，删除已经失效的预警信息记录等操作，预警管理界面设计如图3-12所示。

图3-12预警管理界面