5 系统实现
一、技术路线：
开发语言：Java
前端技术：JavaScript、VUE.js（2.X）、css3
数据库：MySQL 5.7
数据库管理工具：Navicat或sqlyog
开发工具：IDEA或Ecplise
二、项目介绍：
三、运行截图：
3.1系统登录注册
系统登录，用户在登录页面通过填写用户名，密码，选择相对应的角色等信息进行登录操作；如图3-1所示。
图3-1登录界面图
学生注册，在学生注册页面通过填写学号，密码，确认密码，姓名，年级，专业，班级，手机等信息进行注册操作；如图3-2所示。
图3-2学生注册界面图
3.2管理员功能模块
管理员登录进入系统可以查看首页，个人中心，学生管理，教师管理，班级信息管理，课程信息管理，签到信息管理，考勤信息管理，请假信息管理，考勤统计管理等功能，并进行详细操作，如图3-3所示。
图3-3管理员功能界面图
学生管理；在学生管理页面中可以查看索引，学号，姓名，性别，年级，专业，班级，手机，照片等内容，并进行详情，统计考勤，修改和删除操作；如图3-4所示。
图3-4学生管理界面图
教师管理；在教师管理页面中可以查看索引，教师工号，教师姓名，性别，职称，手机，邮箱，照片等内容，并进行详情，修改和删除操作；如图3-5所示。
图3-5教师管理界面图
班级信息管理；在班级信息管理页面中可以查看索引，班级号，班级名称，班级图片，所属院系，所属专业，班主任，班级人数等内容，并进行排课程表，修改和删除操作；如图3-6所示。
图3-6班级信息管理界面图
考勤信息管理；在考勤信息管理页面中可以查看索引，班级名称，课程号，课程名称，课程类别，周次，上课日，节次，教师工号，教师姓名，签到状态，截止时间，学号，姓名，签到时间等内容，并进行修改和删除操作；如图3-7所示。
图3-7考勤信息管理界面图
3.3教师功能模块
教师登录进入系统可以查看首页，个人中心，学生管理，班级信息管理，课程信息管理，签到信息管理，考勤信息管理，请假信息管理，考勤统计管理等功能，并根据需要进行详细操作，如图3-8所示。
图3-8教师功能界面图
学生管理；在学生管理页面中可以查看索引，学号，姓名，性别，年级，专业，班级，手机，照片等内容，并进行详情，统计考勤操作；如图3-9所示。
图3-9学生管理界面图
课程信息管理；在课程信息管理页面中可以查看索引，班级名称，课程号，课程名称，课程类别，图片，周次，上课日，节次等内容，并进行发起签到操作；如图3-10所示。
图3-10课程信息管理界面图
请假信息管理；在请假信息管理页面中可以查看索引，班级名称，课程号，课程名称，课程类别，周次，上课日，节次，教师工号，教师姓名，请假原因，学号，姓名，请假时间，审核回复，审核状态，审核等内容；如图3-11所示。
图3-11请假信息管理界面图
3.4学生功能模块
学生登录进入系统可以查看首页，个人中心，班级信息管理，课程信息管理，签到信息管理，考勤信息管理，请假信息管理，考勤统计管理等功能，并根据需要进行详细操作，如图3-12所示。
图3-12学生功能界面图
签到信息管理；在签到信息管理页面中可以查看索引，班级名称，课程号，课程名称，课程类别，周次，上课日，节次，教师工号，教师姓名，截止时间等内容，并进行签到或请假操作；如图3-13所示。
图3-13签到信息管理界面图
请假信息管理；在请假信息管理页面中可以查看索引，班级名称，课程号，课程名称，课程类别，周次，上课日，节次，教师工号，教师姓名，请假原因，学号，姓名，请假时间，审核回复，审核状态等内容；如图3-14所示。
图3-14请假信息管理界面图