4 学生考勤管理系统详细设计与实现
学生考勤管理系统的详细设计与实现主要是根据前面的学生考勤管理系统的需求分析和学生考勤管理系统的总体设计来设计页面并实现业务逻辑。主要从学生考勤管理系统界面实现、业务逻辑实现这两部分进行介绍。
4
.1用户功能模块
4.
1.1 前台首页界面
当进入学生考勤管理系统的时候,系统以上中下的布局进行展示,首先映入眼帘的是系统的导航栏,下面是轮播图,再往下是公告,其主界面展示如下图4-1所示。
图4-1 前台首页界面图
4.
1.2 用户注册界面
学生考勤管理系统的用户时可以进行注册登录,当用户右上角“注册”按钮的时候,当填写上自己的账号+密码+确认密码+昵称+邮箱+手机号等后再点击“注册”按钮后将会先验证输入的有没有空数据,再次验证密码和确认密码是否是一样的,最后验证输入的账户名和数据库表中已经注册的账户名是否重复,只有都验证没问题后即可用户注册成功。其用用户注册界面展示如下图4-2所示。
图4-2注册界面图
注册逻辑代码如下:
/**
* 注册
* @param user
* @return
*/
@PostMapping("register")
public Map<String, Object> signUp(@RequestBody User user) {
// 查询用户
Map<String, String> query = new HashMap<>();
query.put("username",user.getUsername());
List list = service.select(query, new HashMap<>()).getResultList();
if (list.size()>0){
return error(30000, "用户已存在");
}
user.setUserId(null);
user.setPassword(service.encryption(user.getPassword()));
service.save(user);
return success(1);
}
/**
* 用户ID:[0,8388607]用户获取其他与用户相关的数据
*/
@Id
@GeneratedValue(strategy = GenerationType.IDENTITY)
@Column(name = "user_id")
private Integer userId;
/**
* 账户状态:[0,10](1可用|2异常|3已冻结|4已注销)
*/
@Basic
@Column(name = "state")
private Integer state;
/**
* 所在用户组:[0,32767]决定用户身份和权限
*/
@Basic
@Column(name = "user_group")
private String userGroup;
/**
* 上次登录时间:
*/
@Basic
@Column(name = "login_time")
private Timestamp loginTime;
/**
* 手机号码:[0,11]用户的手机号码,用于找回密码时或登录时
*/
@Basic
@Column(name = "phone")
private String phone;
/**
* 手机认证:[0,1](0未认证|1审核中|2已认证)
*/
@Basic
@Column(name = "phone_state")
private Integer phoneState;
/**
* 用户名:[0,16]用户登录时所用的账户名称
*/
@Basic
@Column(name = "username")
private String username;
/**
* 昵称:[0,16]
*/
@Basic
@Column(name = "nickname")
private String nickname;
/**
* 密码:[0,32]用户登录所需的密码,由6-16位数字或英文组成
*/
@Basic
@Column(name = "password")
private String password;
/**
* 邮箱:[0,64]用户的邮箱,用于找回密码时或登录时
*/
@Basic
@Column(name = "email")
private String email;
/**
* 邮箱认证:[0,1](0未认证|1审核中|2已认证)
*/
@Basic
@Column(name = "email_state")
private Integer emailState;
/**
* 头像地址:[0,255]
*/
@Basic
@Column(name = "avatar")
private String avatar;
/**
* 创建时间:
*/
@Basic
@Column(name = "create_time")
@JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss")
private Timestamp createTime;
@Basic
@Transient
private String code;
}
4.
1.3 用户登录界面
学生考勤管理系统中的前台上注册后的用户是可以通过自己的账户名和密码进行登录的,当用户输入完整的自己的账户名和密码信息并点击“登录”按钮后,将会首先验证输入的有没有空数据,再次验证输入的账户名+密码和数据库中当前保存的用户信息是否一致,只有在一致后将会登录成功并自动跳转到学生考勤管理系统的首页中;否则将会提示相应错误信息,用户登录界面如下图4-3所示。
图4-3用户登录界面图
登录的逻辑代码如下所示。
/**
* 登录
* @param data
* @param httpServletRequest
* @return
*/
@PostMapping("login")
public Map<String, Object> login(@RequestBody Map<String, String> data, HttpServletRequest httpServletRequest) {
log.info("[执行登录接口]");
String username = data.get("username");
String email = data.get("email");
String phone = data.get("phone");
String password = data.get("password");
List resultList = null;
Map<String, String> map = new HashMap<>();
if(username != null && "".equals(username) == false){
map.put("username", username);
resultList = service.select(map, new HashMap<>()).getResultList();
}
else if(email != null && "".equals(email) == false){
map.put("email", email);
resultList = service.select(map, new HashMap<>()).getResultList();
}
else if(phone != null && "".equals(phone) == false){
map.put("phone", phone);
resultList = service.select(map, new HashMap<>()).getResultList();
}else{
return error(30000, "账号或密码不能为空");
}
if (resultList == null || password == null) {
return error(30000, "账号或密码不能为空");
}
//判断是否有这个用户
if (resultList.size()<=0){
return error(30000,"用户不存在");
}
User byUsername = (User) resultList.get(0);
Map<String, String> groupMap = new HashMap<>();
groupMap.put("name",byUsername.getUserGroup());
List groupList = userGroupService.select(groupMap, new HashMap<>()).getResultList();
if (groupList.size()<1){
return error(30000,"用户组不存在");
}
UserGroup userGroup = (UserGroup) groupList.get(0);
//查询用户审核状态
if (!StringUtils.isEmpty(userGroup.getSourceTable())){
String sql = "select examine_state from "+ userGroup.getSourceTable() +" WHERE user_id = " + byUsername.getUserId();
String res = String.valueOf(service.runCountSql(sql).getSingleResult());
if (res==null){
return error(30000,"用户不存在");
}
if (!res.equals("已通过")){
return error(30000,"该用户审核未通过");
}
}
//查询用户状态
if (byUsername.getState()!=1){
return error(30000,"用户非可用状态,不能登录");
}
String md5password = service.encryption(password);
if (byUsername.getPassword().equals(md5password)) {
// 存储Token到数据库
AccessToken accessToken = new AccessToken();
accessToken.setToken(UUID.randomUUID().toString().replaceAll("-", ""));
accessToken.setUser_id(byUsername.getUserId());
tokenService.save(accessToken);
// 返回用户信息
JSONObject user = JSONObject.parseObject(JSONObject.toJSONString(byUsername));
user.put("token", accessToken.getToken());
JSONObject ret = new JSONObject();
ret.put("obj",user);
return success(ret);
} else {
return error(30000, "账号或密码不正确");
}
}
4.1.4我的账户界面
当用户点击右上角“我的”这个按钮,会出现子菜单,点击“我的账户”可以对个人的资料、登录系统的密码以及自己收藏的信息进行设置管理,我的账户界面如下图4-4所示。
图4-4 我的账户界面图
4.1.5校园新闻界面
当访客点击学生考勤管理系统中导航栏上的“校园新闻”后将会进入到该“校园新闻”列表的界面,然后选择想要看的校园新闻,点击进入到详细界面,同时可以进行点赞、收藏、评论操作,校园新闻界面如下图4-5所示。
图4-5校园新闻界面图
4.1.6课程中心界面
当用户点击“课程中心”这一菜单按钮,会显示管理员在后台发布的所有的课程中心,支持通过关键词对课程中心进行搜索,选择需要的课程中心点击可以进入到课程中心详细的介绍界面,在详细界面可以查看到课程中心的 课程名称、课程分类、教师用户、教师姓名、班级名称、上课日期、班级总人数、签到人数、请假人数、出勤率等信息,同时可以进行课程签到、课程请假、评论操作,课程中心界面如下图4-6所示。
图4-6 课程中心界面图
4.1.7课程签到界面
当用户在课程中心详情界面想要进行课程签到,点击下方的“课程签到”按钮,就会跳转到课程签到信息填写界面,根据界面提示输入课程签到信息,点击“提交”按钮,课程签到就完成了,课程签到界面如下图4-7所示。
图4-7课程签到界面图
4.1.8课程请假界面
当用户在课程中心详情界面想要进行课程请假,点击下方的“课程请假”按钮,就会跳转到课程请假信息填写界面,根据界面提示输入课程请假信息,点击“提交”按钮,课程请假就完成了,课程请假界面如下图4-8所示。
图4-8课程请假界面图
4.
2管理人员功能模块
4.2.1学校公告管理界面
管理员点击“学校公告管理”菜单可以查看到系统中的所有学校公告信息,对已经存在的学校公告,管理员可以修改,也可以添加新的学校公告或者删除学校公告。界面如下图4-9所示。
图4-9学校公告管理界面图
4.2.2
资源管理界面
管理员点击“资源管理”菜单能够对其下子菜单新闻列表和新闻的分类进行增删改查。界面如下图4-10所示。
图4-10资源管理界面图
资源管理逻辑代码如下:
@RequestMapping(value = {"/count_group", "/count"})
public Map<String, Object> count(HttpServletRequest request) {
Query count = service.count(service.readQuery(request), service.readConfig(request));
return success(count.getResultList());
}
4.2.3系统用户管理界面
管理员点击“系统用户”菜单可以对系统中存在的用户进行管理,包含了管理员用户、教师用户和学生用户。界面如下图4-11所示。
图4-11系统用户管理界面图
系统用户管理的逻辑代码如下:
@PostMapping("/add")
@Transactional
public Map<String, Object> add(HttpServletRequest request) throws IOException {
service.insert(service.readBody(request.getReader()));
return success(1);
}
@Transactional
public Map<String, Object> addMap(Map<String,Object> map){
service.insert(map);
return success(1);
}
public Map<String,Object> readBody(BufferedReader reader){
BufferedReader br = null;
StringBuilder sb = new StringBuilder("");
try{
br = reader;
String str;
while ((str = br.readLine()) != null){
sb.append(str);
}
br.close();
String json = sb.toString();
return JSONObject.parseObject(json, Map.class);
}catch (IOException e){
e.printStackTrace();
}finally{
if (null != br){
try{
br.close();
}catch (IOException e){
e.printStackTrace();
}
}
}
return null;
}
public void insert(Map<String,Object> body){
StringBuffer sql = new StringBuffer("INSERT INTO ");
sql.append("`").append(table).append("`").append(" (");
for (Map.Entry<String,Object> entry:body.entrySet()){
sql.append("`"+humpToLine(entry.getKey())+"`").append(",");
}
sql.deleteCharAt(sql.length()-1);
sql.append(") VALUES (");
for (Map.Entry<String,Object> entry:body.entrySet()){
Object value = entry.getValue();
if (value instanceof String){
sql.append("'").append(entry.getValue()).append("'").append(",");
}else {
sql.append(entry.getValue()).append(",");
}
}
sql.deleteCharAt(sql.length() - 1);
sql.append(")");
log.info("[{}] - 插入操作:{}",table,sql);
Query query = runCountSql(sql.toString());
query.executeUpdate();
}
4.2.4课程中心管理界面
管理员点击“课程中心”会显示出所有的课程中心信息,支持输入课程名称或者课程编号对课程中心信息进行查询,如果想要添加新的课程中心信息,点击“添加”按钮,输入课程名称、课程分类、教师用户、教师姓名、班级名称、上课日期、班级总人数、签到人数、请假人数、出勤率等信息,点击“提交”按钮就可以添加了,同时可以选择某一条课程中心信息,点击“删除”进行删除,也可以对用户提交的课程中心评论的信息进行管控。界面如下图4-12所示。
图4-11课程中心管理界面图
课程中心管理逻辑代码如下:
@RequestMapping(value = {"/avg_group", "/avg"})
public Map<String, Object> avg(HttpServletRequest request) {
Query count = service.avg(service.readQuery(request), service.readConfig(request));
return success(count.getResultList());
}
4.2.5课程分类管理界面
管理员点击“课程分类”会显示出所有的课程分类信息,支持通过课程分类对课程分类信息进行查询,如果想要添加新的课程分类信息,点击“添加”按钮,输入相关信息,点击“提交”按钮就可以添加了,同时可以选择某一条课程分类信息,点击“删除”进行删除。界面如下图4-12所示。
图4-12课程分类管理界面图
课程分类管理界面逻辑代码如下:
@PostMapping("/set")
@Transactional
public Map<String, Object> set(HttpServletRequest request) throws IOException {
service.update(service.readQuery(request), service.readConfig(request), service.readBody(request.getReader()));
return success(1);
}
public Map<String,String> readConfig(HttpServletRequest request){
Map<String,String> map = new HashMap<>();
map.put(FindConfig.PAGE,request.getParameter(FindConfig.PAGE));
map.put(FindConfig.SIZE,request.getParameter(FindConfig.SIZE));
map.put(FindConfig.LIKE,request.getParameter(FindConfig.LIKE));
map.put(FindConfig.ORDER_BY,request.getParameter(FindConfig.ORDER_BY));
map.put(FindConfig.FIELD,request.getParameter(FindConfig.FIELD));
map.put(FindConfig.GROUP_BY,request.getParameter(FindConfig.GROUP_BY));
map.put(FindConfig.MAX_,request.getParameter(FindConfig.MAX_));
map.put(FindConfig.MIN_,request.getParameter(FindConfig.MIN_));
return map;
}
public Map<String,String> readQuery(HttpServletRequest request){
String queryString = request.getQueryString();
if (queryString != null && !"".equals(queryString)) {
String[] querys = queryString.split("&");
Map<String, String> map = new HashMap<>();
for (String query : querys) {
String[] q = query.split("=");
map.put(q[0], q[1]);
}
map.remove(FindConfig.PAGE);
map.remove(FindConfig.SIZE);
map.remove(FindConfig.LIKE);
map.remove(FindConfig.ORDER_BY);
map.remove(FindConfig.FIELD);
map.remove(FindConfig.GROUP_BY);
map.remove(FindConfig.MAX_);
map.remove(FindConfig.MIN_);
return map;
}else {
return new HashMap<>();
}
}
@Transactional
public void update(Map<String,String> query,Map<String,String> config,Map<String,Object> body){
StringBuffer sql = new StringBuffer("UPDATE ").append("`").append(table).append("`").append(" SET ");
for (Map.Entry<String,Object> entry:body.entrySet()){
Object value = entry.getValue();
if (value instanceof String){
sql.append("`"+humpToLine(entry.getKey())+"`").append("=").append("'").append(value).append("'").append(",");
}else {
sql.append("`"+humpToLine(entry.getKey())+"`").append("=").append(value).append(",");
}
}
sql.deleteCharAt(sql.length()-1);
sql.append(toWhereSql(query,"0".equals(config.get(FindConfig.LIKE))));
log.info("[{}] - 更新操作:{}",table,sql);
Query query1 = runCountSql(sql.toString());
query1.executeUpdate();
}
public String toWhereSql(Map<String,String> query, Boolean like) {
if (query.size() > 0) {
try {
StringBuilder sql = new StringBuilder(" WHERE ");
for (Map.Entry<String, String> entry : query.entrySet()) {
if (entry.getKey().contains(FindConfig.MIN_)) {
String min = humpToLine(entry.getKey()).replace("_min", "");
sql.append("`"+min+"`").append(" >= '").append(URLDecoder.decode(entry.getValue(), "UTF-8")).append("' and ");
continue;
}
if (entry.getKey().contains(FindConfig.MAX_)) {
String max = humpToLine(entry.getKey()).replace("_max", "");
sql.append("`"+max+"`").append(" <= '").append(URLDecoder.decode(entry.getValue(), "UTF-8")).append("' and ");
continue;
}
if (like == true) {
sql.append("`"+humpToLine(entry.getKey())+"`").append(" LIKE '%").append(URLDecoder.decode(entry.getValue(), "UTF-8")).append("%'").append(" and ");
} else {
sql.append("`"+humpToLine(entry.getKey())+"`").append(" = '").append(URLDecoder.decode(entry.getValue(), "UTF-8")).append("'").append(" and ");
}
}
sql.delete(sql.length() - 4, sql.length());
sql.append(" ");
return sql.toString();
} catch (UnsupportedEncodingException e) {
log.info("拼接sql 失败:{}", e.getMessage());
}
}
return "";
}
5
系统测试
5.1
系统测试用例
系统测试包括:用户登录功能测试、课程展示功能测试、课程添加、课程搜索、密码修改,如表5-1、5-2、5-3、5-4、5-5所示:
用户登录功能测试:
表5-1 用户登录功能测试表
用例名称
|
用户登录系统
|
目的
|
测试用户通过正确的用户名和密码可否登录功能
|
前提
|
未登录的情况下
|
测试流程
|
1) 进入登录页面
2) 输入正确的用户名和密码
|
预期结果
|
用户名和密码正确的时候,跳转到登录成功界面,反之则显示错误信息,提示重新输入
|
实际结果
|
实际结果与预期结果一致
|
课程查看功能测试:
表5-2 课程查看功能测试表
用例名称
|
课程查看
|
目的
|
测试课程查看功能
|
前提
|
无
|
测试流程
|
点击课程
|
预期结果
|
可以查看到所有课程
|
实际结果
|
实际结果与预期结果一致
|
管理员添加课程界面测试:
表5-3 管理员添加课程界面测试表
用例名称
|
添加课程测试用例
|
目的
|
测试课程添加功能
|
前提
|
管理员用户正常登录情况下
|
测试流程
|
1)管理员点击课程,然后点击添加后并填写信息。
2)点击进行提交。
|
预期结果
|
提交以后,页面首页会显示新的课程
|
实际结果
|
实际结果与预期结果一致
|
课程搜索功能测试:
表5-4课程搜索功能测试表
用例名称
|
课程搜索测试
|
目的
|
测试课程搜索功能
|
前提
|
无
|
测试流程
|
1)在搜索框填入搜索关键字。
2)点击搜索按钮。
|
预期结果
|
页面显示包含有搜索关键字的课程
|
实际结果
|
实际结果与预期结果一致
|
密码修改搜索功能测试:
表5-5 密码修改功能测试表
用例名称
|
密码修改测试用例
|
目的
|
测试管理员密码修改功能
|
前提
|
管理员用户正常登录情况下
|
测试流程
|
1)管理员密码修改并完成填写。
2)点击进行提交。
|
预期结果
|
使用新的密码可以登录
|
实际结果
|
实际结果与预期结果一致
|
5.2 系统测试结果
通过编写学生考勤管理系统的测试用例,已经检测完毕用户登录模块、课程展示模块、课程添加模块、课程搜索模块、密码修改模块,通过这五大模块为学生考勤管理系统的后期推广运营提供了强力的技术支撑。
[2]刘丹青,李超,王青海.基于Java技术的藏汉双语学前教育云平台设计与实现[J].信息技术,2023,47(02):17-23.DOI:10.13274/j.cnki.hdzj.2023.02.004.
[3]苏佳旭,白燕,温晓东.基于Web前端与MySQL数据库的自然灾害应急信息共享平台设计与实现[J].电脑知识与技术,2023,19(05):74-77.DOI:10.14004/j.cnki.ckt.2023.0274.
[4]佟羽齐,刘德华,张栎柯,李剑波,张俊杰.基于SpringBoot框架的钻前管理系统的设计与实现[J].信息与电脑(理论版),2023,35(02):111-113.
[5]张丽景,张文川.基于对比分析法的高职“MySQL数据库”课程设计——以兰州石化职业技术大学为例[J].现代信息科技,2022,6(21):188-191.DOI:10.19850/j.cnki.2096-4706.2022.21.046.
[6]杨一帆.服务于MySQL数据库的在线监测系统设计[J].自动化技术与应用,2022,41(10):179-182.DOI:10.20033/j.1003-7241.(2022)10-0179-04.
[8]Xun Hongmei,Zou Bojun,Duan Chenyu. Design of the Student Attendance Management System Based on the Internet of Things Technology[J]. Mobile Information Systems,2022,2022.
[9]王曼维,杨荻,李岩,及松洁.基于SpringBoot框架的智慧医疗问诊系统设计与实现[J].中国医学装备,2022,19(03):133-136.
[10]陶庆生,乔琪. 一种便于拆装的学生考勤管理系统[P]. 江苏省:CN214744831U,2021-11-16.
[11]黄思棉.基于ACCESS和VBA学生考勤管理系统的开发与实践[J].河北软件职业技术学院学报,2021,23(03):5-9.DOI:10.13314/j.cnki.jhbsi.2021.03.003.
[14]. Student Attendance Management System using Principal Component Analysis Method[J]. International Journal of Innovative Technology and Exploring Engineering,2020,9(4S2).
[15]M. Srilatha,R. Hemalatha. Student Attendance Management System using Principal Component Analysis Method[J]. International Journal of Innovative Technology and Exploring Engineering (IJITEE),2020,9(4s2).
[16]冯涛,李朋,张金芳,孙晓磊,李亚娟.高校学生考勤管理系统开发中的关键技术研究[J].河北水利电力学院学报,2019(04):32-39.DOI:10.16046/j.cnki.issn2096-5680.2019.04.005.
[17]周克辉,罗玮,陈泰峰.高校学生考勤管理系统发展现状和需求分析研究[J].电子测试,2019(22):53-55.DOI:10.16520/j.cnki.1000-8519.2019.22.022.
[18]庞双龙. 基于云计算的学生考勤管理系统的设计与实现[D].电子科技大学,2018.