SSM员工考勤系统三
一、当配置好首页页面之后,我们需要把

把这些图片姓名改成我们数据库里的user的姓名和用户,写一个controller方法获取用户信息,该方法是在user模块下,非登录人员是不能访问的,因为拦截器会拦截非login的url请求
@RequestMapping("/userinfo")
@ResponseBody
public User userInfo(HttpSession session){
User user = (User) session.getAttribute("userinfo");
return user;
}

访问得到后,接着配置前端页面找到图片的位置加上我们等下ajax要设置的class,user_head_img,还有姓名设置class user_name


然后写一个公共的user.js用于获取服务端发送的json数据
$(function () {
$.ajax({
type: "POST",
url: "/user/userinfo",
dataType: "json",
contentType: "application/json",
data: {},
success: function (data) {
$(".user_head_img").attr("src", data.headImage);
$(".user_name").html(data.realName);
}
});
});
然后再home页面引入就行了。

登出方法
@RequestMapping("/logout")
public String logout(HttpSession session){
session.invalidate();
return "login";
}

二、打卡记录
复制好attend.vm页面,然后创建attend模块下的controller下的一个跳转到attend的方法,注意user.js也要引入attend页面,
@Controller
@RequestMapping("attend")
public class AttendController {
@RequestMapping
public String toAttend(){
return "attend";
}
}


创建考勤表attend,其中星期是枚举,不能乱设,补签是另一种表,和attend表需要关联。补签只是显示在attend.vm里而已,补签是异常状态,而且需要审核。
DROP TABLE IF EXISTS `attend`;
CREATE TABLE `attend` (
`id` bigint(20) NOT NULL AUTO_INCREMENT,
`user_id` bigint(20) NOT NULL COMMENT '用户Id',
`attend_date` date NOT NULL COMMENT '考勤日期',
`attend_week` tinyint(2) NOT NULL COMMENT '星期',
`attend_morning` time DEFAULT NULL COMMENT '早打卡时间',
`attend_evening` time DEFAULT NULL COMMENT '晚打卡时间',
`absence` int(10) DEFAULT NULL COMMENT '缺勤时长',
`attend_status` tinyint(2) NOT NULL COMMENT '考勤状态 1 正常 2 异常',
PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8;
修改generator配置,把user改为attend包,把表改为attend和Attend,点击生成。
配置log4j,其中最主要的就是
设置输出文件,可以是info,error等多个RollingFileAppender
#设置other的日志输出控制台
log4j.appender.other=org.apache.log4j.RollingFileAppender
#设置other的输出日志
log4j.appender.other.File=/work-attendance/logs/log.txt
#设置other的日志最大限制
log4j.appender.other.MaxFileSize=1024KB
#最多只保存20个备份文件
log4j.appender.other.MaxBackupIndex=1000
#输出INFO级别以上的日志
log4j.appender.other.Threshold=INFO
设置输出控制台
#设置stdout的日志输出控制台
log4j.appender.stdout=org.apache.log4j.ConsoleAppender
web.xml配置
<context-param>
<param-name>log4jConfigLocation</param-name>
<param-value>classpath:log4j.properties</param-value>
</context-param>
在程序中添加日志,我们这里只是简单的插入数据方法(模拟打卡),后面会有判断是几点插入的,如果是9点以后就迟早就异常所以我们需要trycatch,然后打印日志,并且重新抛出异常这样才能回滚。
public class AttendServiceImpl implements AttendService {
private Log log = LogFactory.getLog(AttendServiceImpl.class);
@Autowired
private AttendMapper attendMapper;
@Override
public void signAttend(Attend attend) throws Exception {
try{
attendMapper.insert(attend);
}catch (Exception e){
log.error("用户签到异常", e);
throw e;
}
}
}
controller
@RequestMapping("/sign")
@ResponseBody
public String signAttend(@RequestBody Attend attend) throws Exception {
attendService.signAttend(attend);
return "succ";
}
postman模拟数据插入

发送之后发现返回首页

问题是我们拦截器把这个url拦截了,设置断点之后确实发现它走这里

所以我们放过它不要让它拦截

这是第一个坑
第二个坑
不拦截sign之后,f8返回500页面

查看错误

原因是字段写错了,全写的数据库里,而不是Attend实体类里的。改过来再接着调试,又是500,


原因是2018-8-18少写个0,两个都要改

改过之后再f8跳过,然后重新发送又定位到uri判断那里再按f8跳过又发现了500页面,那再看tomcat的报错日志

原因是之前的设置week是枚举,不是varchar,是int所以我们给它3

对的它又是500报错。原因是time要把秒也给写进去


再来调试还是报错

ok说我们也得传states,我们干脆直接把state设置默认为1,改为之后得重启一下

但是这里我设置还是没有。。。。我也不知道为什么所以我还是加上传

最后就成功添加到数据库了。
快捷键

三、打卡业务
伪代码
1、中午十二点以前打卡都算上午打卡,过9:30以后打卡,直接异常算迟到
2、十二点以后都算下午打卡,超过6:00以后打卡直接异常,算早退
3、选择最后一个下午的打卡时间与上午打卡进行比较获取时间差
4、时间差不足8小时算异常,并且缺席多长时间要存进去
现在需要一个时间工具类来获取今天是星期几(打卡表里有week这个字段要存),还有打卡的时间差(打卡表里有缺席absence这个字段要存,还有异常需要存)这两个方法。
public class DateUtil {
/**
* Author ljs
* Description 获取今天是星期几
* Date 2018/8/18 21:49
**/
public static int getTodayWeek() {
Calendar calendar = Calendar.getInstance();
//把今天的日期设进去
calendar.setTime(new Date());
//获取今天是星期几的信息,减1是因为星期天是1
int week = calendar.get(Calendar.DAY_OF_WEEK) - 1;
//当=0即星期天的时候改为7
if (week <= 0) week = 7;
return week;
}
/**
* Author ljs
* Description 获取时间差单位为分钟
* Date 2018/8/18 22:23
**/
public static int getMinutes(Date startDate, Date endDate) {
long start = startDate.getTime();
long end = endDate.getTime();
//毫秒换算为分钟
int minutes = (int) ((start - end)/(1000*60));
return minutes;
}
}
还需要准备一个获取当天某个时间的方法(这里要获取当天12点用于比较是早上打卡还是晚上打卡),因为calendar对象两个方法都要用到,所以设置为类静态变量
private static Calendar calendar = Calendar.getInstance();
/**
* Author ljs
* Description 根据传入的时间和分钟 获取当天的某个时间
* Date 2018/8/18 22:36
**/
public static Date getDate(int hour, int minute){
calendar.set(Calendar.HOUR_OF_DAY, hour);
calendar.set(Calendar.MINUTE, minute);
return calendar.getTime();
}
service业务方法
1、当打卡的时候获取当天的时间并设置user_id,attend_date,attend_week,并且获取当天中午12点的日期时间,user_id我们前端传过来到attend里
Date today = new Date();
attend.setAttendDate(today);
attend.setAttendWeek((byte) DateUtil.getTodayWeek());
Date noon = DateUtil.getDate(NOON_HOUR, NOON_MINUTE);
不要直接传,不然别人不知道12和00是啥意思,(魔鬼数字)
/**
* 中午十二点 判定上下午
**/
private static final int NOON_HOUR = 12;
private static final int NOON_MINUTE = 00;
2、查询当天是否有打卡记录,有记录就判断现在打卡的时间是早上还是晚上,早上就不用更新,晚上就需要更新,没有记录就还是判断现在打卡是早上还是晚上,早上和晚上都需要更新。
// 查询当天是否有打卡记录
Attend todayRecord = attendMapper.selectTodaySignRecord(attend.getUserId());
if (todayRecord != null) {
if (today.compareTo(noon) <= 0) {
//有记录并且now打卡时间早于12点,不用再存进去
return;
} else {
//有记录并且now打卡时间晚于12点,需要更新
//注意是更新todayRecord,不是today
todayRecord.setAttendEvening(today);
attendMapper.insertSelective(todayRecord);
}
}else{
if (today.compareTo(noon) <= 0) {
//没有记录并且now打卡时间早于12点,需要存进去
attend.setAttendMorning(today);
} else {
//没有记录并且now打卡时间晚于12点,需要存进去
attend.setAttendEvening(today);
}
attendMapper.insertSelective(attend);
}
postman调试,在signAttend打个断点,现在postman只需要传user_id,之前设置attend_states现在已经好了不用再传了。

数据库有记录,而且早上不用传

数据不变

把数据删了再调试,成功插入早上的数据。
