基于 SpringBootVue 员工考勤管理系统一、项目概述1.1 项目背景传统企业人事考勤依靠人工登记打卡、纸质请假 / 加班单据存在考勤数据统计繁琐、请假加班审批流程不透明、绩效考评无统一线上载体、多角色权责混乱等问题。人事专员统计月度考勤耗时久部门主管无法实时查看下属打卡与请假记录管理员难以统一管控全公司部门、员工、考勤规则数据。本系统采用SpringBootVue 前后端分离架构搭建多角色员工考勤管理平台划分超级管理员、人事专员、部门主管、普通员工四类权限角色完整覆盖账号注册登录、部门管理、员工打卡、请假申请审批、加班申请审批、绩效考评、考勤规则配置、考勤报表导出全业务流程实现企业考勤数字化线上流转简化人事工作规范审批流程自动汇总考勤数据降低企业人事管理成本。1.2 开发技术栈后端技术SpringBoot核心框架SpringBoot 2.7.x分层架构 Controller/Service/Mapper/Entity标准化 RESTful 接口持久层MyBatis-Plus实现多条件模糊检索、分页、批量增删改查、数据导出数据库MySQL 8.0存储用户、部门、打卡、请假、加班、绩效、考勤规则全业务数据表权限鉴权JWT 无状态 Token 登录认证基于角色 RBAC 权限控制区分四类角色访问权限文件处理本地文件上传支持员工头像存储、考勤报表 Excel 导出安全机制账号密码 MD5 加密存储表单前后端双重参数校验Token 设置过期时效工具库Hutool 工具包封装日期计算、加密、分页、Excel 导出工具前端技术Vue3 Element Plus核心框架Vue3 VueRouter Pinia 全局状态管理UI 组件库Element Plus 管理后台组件库表单弹窗、数据表格、分页、上传组件网络请求Axios 全局请求 / 响应拦截器自动携带 Token、捕获登录失效、统一异常弹窗通用功能组件多条件搜索框、新增 / 编辑弹窗、详情弹窗、数据导出按钮、图片上传、分页控件可视化拓展预留 ECharts 接口可拓展月度考勤统计、请假加班数据图表1.3 系统角色划分超级管理员最高权限管理所有人事专员、主管、员工账号维护全公司部门信息、全局考勤规则查看全部考勤、请假、加班、绩效数据拥有所有模块增删改查权限。人事专员处理全公司考勤相关事务配置考勤规则、统计月度考勤报表审核员工请假、加班单据录入维护员工基础信息导出打卡、请假、加班 Excel 数据。部门主管管理本部门员工审批下属员工的请假申请、加班申请为本部门员工填写绩效考评记录查看本部门员工打卡、考勤、休假数据。普通员工账号注册登录上下班线上打卡提交请假申请、加班申请查看个人打卡记录、审批单据状态、个人绩效考评信息。1.4 整体业务流程账号注册登录流程登录页切换角色标签分别对应管理员 / 人事专员 / 主管 / 员工登录入口各角色独立注册表单填写账号、密码、个人基础信息完成注册登录签发 JWT Token未登录禁止访问所有考勤业务页面。员工日常考勤流程员工每日上下班打卡→如需休假提交请假申请主管审批→如需加班提交加班申请主管审批人事专员统一维护考勤规则月末汇总生成考勤报表。审批流转流程员工提交请假 / 加班单据→对应部门主管线上审核通过 / 驳回→人事专员归档留存全部审批记录可随时查询单据详情。绩效考评流程部门主管为本部门员工录入工作态度、业务能力、工作绩效打分生成评价等级管理员、人事、员工均可查看绩效记录。后台运维流程管理员新增 / 编辑企业部门、分配部门主管人事配置上下班时间、迟到早退判定等考勤规则全角色按权限查看对应考勤数据支持多条件检索、导出报表。二、系统功能模块详细设计2.1 登录注册模块2.1.1 多角色登录页面登录界面顶部标签切换四种角色管理员、人事专员、员工、主管统一账号密码输入框登录按钮底部对应三类注册按钮注册人事专员、注册员工、注册主管。未登录访问考勤、审批页面弹窗提示登录。2.1.2 员工注册页面必填项员工工号、密码、确认密码、员工姓名、性别、联系电话、身份证号、所属部门、出生年月可选上传员工头像前端校验密码一致性、手机号、身份证格式后端校验工号唯一注册信息入库。2.1.3 人事专员注册页面必填项专员账号、密码、确认密码、专员名称、联系电话可选上传个人封面头像提交完成人事专员账号注册。2.1.4 主管注册页面字段与员工注册类似绑定对应管理部门注册后拥有本部门审批权限。2.2 后台整体功能菜单左侧侧边导航栏2.2.1 首页系统欢迎首页展示企业考勤数据概览、待审批单据数量、本月打卡统计快捷入口。2.2.2 绩效考核模块[2.2.2.1](2.2.2.1) 考勤信息绩效考评数据表格字段包含员工工号、姓名、所属部门、考勤得分、工作态度、业务能力、工作绩效、评价等级、考核时间、主管账号支持按员工工号、评价等级多条件检索提供新增、修改、查看详情操作。[2.2.2.2](2.2.2.2) 考勤报告自动汇总月度员工打卡、请假、加班数据生成可视化考勤报表支持 Excel 导出。2.2.3 考勤信息管理模块[2.2.3.1](2.2.3.1) 打卡信息存储员工上下班打卡记录表格字段员工工号、姓名、性别、部门、头像、打卡时间、打卡类型上班 / 下班、上班标准时间、下班标准时间支持按工号、打卡类型检索提供新增、修改、删除、导出 Excel 功能弹窗查看打卡详情。[2.2.3.2](2.2.3.2) 考勤规则全局考勤制度配置页面列表展示规则名称、发布时间、创建专员账号、专员姓名支持新增、修改、删除考勤规则配置上下班时间、迟到判定、加班计费、休假抵扣规则。2.2.4 请假信息管理模块[2.2.4.1](2.2.4.1) 请假申请员工提交的请假单据列表字段员工工号、姓名、请假类型、请假原因、请假天数、起止时间、申请时间、审批主管、处理专员支持按请假类型检索统计月度请假总天数可查看单据详情、修改、删除记录。[2.2.4.2](2.2.4.2) 请假审批部门主管专属审批页面展示本部门待处理请假单据执行通过 / 驳回操作记录审批状态与审批时间。2.2.5 加班信息管理模块[2.2.5.1](2.2.5.1) 加班申请员工提交加班单列表字段员工工号、姓名、加班起止时间、加班时长、备注、审批时间、主管账号、审批状态、处理专员支持按员工工号、审批状态检索弹窗查看加班详情。[2.2.5.2](2.2.5.2) 加班审批主管审批页面处理下属加班申请更新审批状态待审核 / 已通过 / 已驳回。2.2.6 用户管理模块统一管理系统四类账号管理员、人事专员、部门主管、普通员工支持账号检索、新增、修改、删除用户信息分配角色权限。2.2.7 部门管理模块维护企业组织架构弹窗新增部门填写字段部门名称、选择对应主管账号、录入部门人数部门列表展示部门名称、绑定主管、部门总人数支持编辑、删除、查看部门详情。2.2.8 放假信息管理配置法定节假日、企业统一放假记录用于考勤系统自动抵扣休假时长。2.2.9 工作记录管理员工日常工作日报、任务记录存档模块主管可查看下属工作记录。三、数据库核心表设计3.1 sys_user 用户主表区分角色字段名数据类型字段说明idbigint主键自增 IDusernamevarchar(50)登录账号 / 员工工号唯一索引passwordvarchar(100)MD5 加密密码real_namevarchar(30)用户真实姓名roletinyint角色 1 管理员 2 人事 3 主管 4 员工avatarvarchar(255)员工头像 / 专员封面地址gendertinyint0 女 1 男phonevarchar(11)联系电话id_cardvarchar(18)身份证号员工 / 主管dept_idbigint所属部门 IDbirthdate出生年月create_timedatetime注册时间3.2 dept 部门表字段类型说明idbigint主键dept_namevarchar(50)部门名称leader_idbigint部门主管用户 IDpeople_countint部门总人数create_timedatetime创建时间3.3 clock_record 打卡记录表id、user_id 员工 ID、clock_time 打卡时间、clock_type tinyint (1 上班 2 下班)、start_work 标准上班时间、end_work 标准下班时间3.4 leave_apply 请假申请表id、user_id、leave_type、leave_reason、leave_days、start_time、end_time、apply_time、audit_leader_id、audit_status、handler_hr_id3.5 overtime_apply 加班申请表id、user_id、start_time、end_time、overtime_hour、remark、audit_time、leader_id、audit_status、hr_id3.6 performance_record 绩效考评表id、user_id、dept_id、att_score、work_attitude、business_ability、work_performance、level、audit_time、leader_id3.7 attendance_rule 考勤规则表id、rule_name、rule_content text、publish_time、hr_user_id、hr_name3.8 holiday_info 放假信息表id、holiday_name、start_date、end_date、day_count、remark四、核心业务与安全流程4.1 多角色 RBAC 权限校验流程用户登录成功后端根据注册角色生成携带 role 标识的 JWT Token前端路由拦截管理员可访问全部页面人事仅可操作考勤规则、报表、员工信息主管仅可操作本部门审批与绩效员工仅能打卡、提交申请、查看个人数据后端接口全局拦截器校验 Token 角色越权访问直接返回 403 禁止访问未携带 Token 强制跳转登录页。4.2 请假 / 加班审批完整流转流程员工登录后填写请假 / 加班表单提交申请单据状态标记「待审核」对应部门主管登录后台在审批列表查看本部门待处理单据选择通过 / 驳回并留存审批时间审批完成后单据流转至人事专员归档人事可统一查看全公司所有审批记录月末统计请假、加班总时长生成报表。4.3 打卡考勤自动核算流程员工每日上下班提交打卡记录系统匹配考勤规则内标准上下班时间人事配置迟到、早退判定阈值系统自动标记异常打卡月末人事导出全部打卡记录结合请假、加班单据自动生成月度考勤报告统计出勤、休假、加班时长。4.4 绩效考评业务流程部门主管选择本部门员工录入考勤、工作态度、业务能力、绩效四项打分系统自动综合计算生成评价等级优秀 / 良好 / 合格 / 较差所有角色按权限查看对应绩效记录作为薪资核算依据。五、项目部署说明5.1 SpringBoot 后端部署步骤执行项目 SQL 初始化脚本创建全部数据表预置超级管理员测试账号修改application.yml核心配置MySQL 数据库连接地址、账号、密码JWT 加密密钥、Token 有效过期时长图片上传本地存储路径、文件大小限制Excel 报表导出存储路径后端服务启动端口默认 8080Maven 打包命令mvn clean package -DskipTests生成可执行 Jar 包服务器启动命令java -jar attendance-system.jar --server.port8080。5.2 Vue 前端部署步骤前端根目录执行npm install安装全部项目依赖修改 Axios 全局请求基地址配置后端接口访问域名 / 端口生产环境打包npm run build生成 dist 静态资源文件夹Nginx 托管 dist 静态文件配置 /api 反向代理转发至后端 8080 端口前端路由做角色隔离不同账号登录自动跳转对应权限首页。六、系统特色与创新亮点6.1 业务功能亮点四级角色精细化权限管控区分管理员、人事、主管、员工四类身份权责清晰完全贴合企业真实人事组织架构完整线上审批闭环请假、加班全流程线上提交 - 审批 - 归档替代传统纸质单据审批进度实时可查自动化考勤核算与报表导出系统自动汇总打卡、休假、加班数据支持一键导出 Excel 考勤报表大幅减少人事统计工作量绩效考评线上化主管在线为本部门员工打分评级绩效记录永久存档便于薪资、晋升参考可视化部门架构管理后台可视化新增、编辑部门绑定专属主管快速维护企业组织架构全局考勤规则统一配置人事线上配置上下班、迟到、加班、休假规则全公司统一执行无需人工口头通知。6.2 系统安全设计亮点账号密码不可逆 MD5 加密存储数据库无明文密码保护员工隐私信息JWT 无状态登录会话设置固定过期时间退出登录清空前端 Token防止账号劫持双层参数校验机制前端表单格式校验 后端接口参数合法性校验拦截非法脏数据严格的角色接口拦截不同角色只能操作自身权限范围内数据防止跨部门越权查看员工信息文件上传安全校验限制图片格式、单文件大小过滤脚本、可执行文件上传风险。6.3 项目拓展优势前后端低耦合分层架构便于后续拓展薪资核算、员工奖惩、排班管理、短信通知、人脸识别打卡等功能数据字典化管理部门、请假类型、绩效等级后台可视化维护无需修改代码即可新增分类多条件复合检索所有列表页面支持多字段组合搜索快速定位目标考勤、审批数据轻量化后台页面操作逻辑简单易懂人事、主管零基础快速上手使用全量数据归档留存所有打卡、审批、绩效记录永久保存支持年度历史考勤追溯查询。七、项目总结本《基于 SpringBootVue 员工考勤管理系统》面向中小企业人事考勤管理场景开发采用前后端分离架构解决传统纸质考勤、人工审批、数据统计繁琐、权限混乱等行业痛点。系统划分四级权限角色完整实现员工注册登录、上下班打卡、请假加班线上审批、部门架构管理、绩效考评、考勤规则配置、月度考勤报表导出一体化管理配套完善的 JWT 多角色鉴权、密码加密、接口权限拦截安全机制保障企业员工考勤数据安全。项目代码分层规范业务流程贴合企业真实人事办公场景既满足计算机专业毕业设计、课程设计交付标准也可迭代新增人脸识别打卡、薪资计算、消息推送模块落地到中小企业正式使用具备优秀的实用性、可维护性与二次拓展开发空间。八、项目资料 精彩专栏推荐订阅 在下方专栏不然下次找不到哟《Java精品推荐项目》《springbootvue项目100套》《ssm项目100套》《微信小程序合集》