一、当配置好首页页面之后，我们需要把
把这些图片姓名改成我们数据库里的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现在已经好了不用再传了。
数据库有记录，而且早上不用传
数据不变
把数据删了再调试，成功插入早上的数据。
