答案:基于Spring Boot、MySQL和Thymeleaf构建打卡系统,实现用户登录、上下班打卡、防重打卡、记录查询及管理员查看功能。通过User和AttendanceRecord实体管理用户与考勤数据,利用唯一约束防止重复打卡,结合MyBatis完成数据操作,使用Session进行简单认证,并通过前端页面实现交互,支持密码加密、登录拦截与考勤统计扩展。

开发一个简易的打卡签到系统,核心目标是记录用户每日的上下班时间,并提供基本的数据查询和管理功能。使用Java可以很好地实现这一需求,结合Spring Boot、MySQL和简单的前端页面,快速搭建一个可运行的原型系统。
1. 系统功能设计
一个基础的打卡签到系统应包含以下功能:
- 用户登录:员工使用账号密码登录系统
- 打卡功能:每天可进行上班打卡和下班打卡
- 防止重复打卡:同一天同一时段(如上午)不能重复打卡
- 签到记录查看:用户可查看自己的打卡历史
- 简单后台管理:管理员查看所有员工打卡情况
2. 技术选型与项目结构
采用主流Java Web技术栈,简化开发流程:
- 后端框架:Spring Boot(自动配置、内嵌Tomcat)
- 数据库:MySQL 存储用户和打卡记录
- 持久层:MyBatis 或 Spring Data JPA
- 前端页面:Thymeleaf 或 原生HTML + Ajax(简单场景可用)
- 安全控制:Spring Security 或 手动Session管理
src/ ├── main/ │ ├── java/ │ │ └── com.example.attendance/ │ │ ├── AttendanceApplication.java │ │ ├── controller/ UserController, AttendanceController │ │ ├── service/ UserService, AttendanceService │ │ ├── mapper/ UserMapper, AttendanceMapper │ │ ├── entity/ User, AttendanceRecord │ │ └── config/ WebSecurityConfig │ ├── resources/ │ │ ├── application.yml │ │ ├── mapper/*.xml │ │ └── templates/*.html
3. 数据库表设计
创建两张核心表:
立即学习“Java免费学习笔记(深入)”;
用户表(user)
CREATE TABLE user (
id INT PRIMARY KEY AUTO_INCREMENT,
username VARCHAR(50) UNIQUE NOT NULL,
password VARCHAR(100) NOT NULL,
role ENUM('EMPLOYEE', 'ADMIN') DEFAULT 'EMPLOYEE'
);
打卡记录表(attendance_record)
CREATE TABLE attendance_record ( id INT PRIMARY KEY AUTO_INCREMENT, user_id INT NOT NULL, date DATE NOT NULL, check_in_time DATETIME, check_out_time DATETIME, FOREIGN KEY (user_id) REFERENCES user(id), UNIQUE(user_id, date) );
注意:通过 unique 约束确保每天只能有一条打卡记录。
4. 核心代码实现
以 Spring Boot + MyBatis 为例,展示关键逻辑。
实体类示例:
public class AttendanceRecord {
private Integer id;
private Integer userId;
private LocalDate date;
private LocalDateTime checkInTime;
private LocalDateTime checkOutTime;
// getter/setter
}
打卡服务逻辑:
在 AttendanceService 中实现打卡判断:
public String checkIn(Integer userId) {
LocalDate today = LocalDate.now();
AttendanceRecord record = attendanceMapper.findByUserIdAndDate(userId, today);
if (record == null) {
// 首次打卡,创建新记录
record = new AttendanceRecord();
record.setUserId(userId);
record.setDate(today);
record.setCheckInTime(LocalDateTime.now());
attendanceMapper.insert(record);
return "上班打卡成功";
} else if (record.getCheckInTime() == null) {
// 补打卡(上班)
record.setCheckInTime(LocalDateTime.now());
attendanceMapper.update(record);
return "上班补卡成功";
} else {
return "今天已打过上班卡,无需重复打卡";
}
}
控制器处理请求:
@PostMapping("/checkin")
public String checkIn(HttpSession session, Model model) {
Integer userId = (Integer) session.getAttribute("userId");
if (userId == null) {
return "redirect:/login";
}
String result = attendanceService.checkIn(userId);
model.addAttribute("msg", result);
return "check_result";
}
5. 前端页面与交互
使用 Thymeleaf 搭建简单页面:
- login.html:用户登录表单
- dashboard.html:显示打卡按钮和今日状态
- history.html:列表展示打卡记录
关键点:每次打卡前检查是否已存在当天记录,前端可配合显示“已打卡”提示。
6. 安全与优化建议
- 用户密码应使用 BCrypt 加密存储
- 加入登录拦截器或 Spring Security 保护接口
- 可扩展支持IP限制、打卡地理位置(需前端获取坐标)
- 增加考勤统计:每月出勤天数、迟到早退判断
- 导出Excel功能便于存档










