基于SpringBoot+Vue的员工考勤管理系统
项目概述
该系统是一个基于SpringBoot+Vue的员工考勤管理系统，支持管理员、人事专员、主管和员工四种角色，实现员工考勤管理、请假审批、加班管理、工作安排等全流程企业考勤管理功能。
管理员
人事专员
主管
员工
项目技术栈
前后端分离
后端：
Springboot2 + Mybatis
前端：
Vue3 + ElementUI + Axios
数据库：
MySQL
版本要求
JDK 1.8
MySQL 5.7
Node.js 16
Maven 3.8+
Navicat 16+
数据库表：19 张表
难度系数：
项目目录结构
一、java后端服务
1. 项目根目录 (server_code/)
1
2
3
4
5
server_code
├── sql/ # 数据库脚本目录
├── src/ # 源代码目录
├── pom.xml # Maven主配置文件
└── pom-war.xml # WAR包打包配置
2. 后端核心代码 (src/main/java/com/cl/)
1
2
3
4
5
6
7
8
9
10
11
12
src/main/java/com/cl/
├── annotation/ # 自定义注解
├── aspect/ # 切面编程（AOP）
├── config/ # 配置类
├── controller/ # 控制器层（API接口）
├── dao/ # 数据访问层
├── entity/ # 实体类（与数据库表对应）
├── interceptor/ # 拦截器
├── service/ # 业务逻辑层
├── utils/ # 工具类
└── SpringbootSchemaApplication.java # Spring Boot启动类
3. 资源文件 (src/main/resources/)
1
2
3
4
5
6
src/main/resources/
├── mapper/ # MyBatis映射文件
├── static/ # 静态资源（CSS、JS、图片等）
├── application.yml # 应用配置文件
└── manage/ # 管理相关资源（可能包含前端文件）
二、vue后台管理系统
1. 核心配置文件
1
2
3
4
5
6
7
8
babel.config.js # Babel转译配置
vue.config.js # Vue CLI配置
jsconfig.json # JavaScript配置文件
package.json # 项目依赖和脚本
package-lock.json # 依赖版本锁定文件
.env.development # 开发环境配置
.env.production # 生产环境配置
2. 源码目录 (src/)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
src/
├── assets/ # 静态资源（图片、样式等）
├── components/ # 公共组件
├── router/ # 路由配置
├── store/ # Vuex状态管理
├── utils/ # 工具函数
├── views/ # 页面组件
│ ├── bumen/ # 部门管理页面
│ ├── config/ # 系统配置页面
│ ├── dakaxinxi/ # 打卡信息管理页面
│ ├── fangjiaxinxi/ # 放假信息管理页面
│ ├── gongzuoanpai/ # 工作安排管理页面
│ ├── jiabanshenpi/ # 加班审批管理页面
│ ├── jiabanshenqing/ # 加班申请管理页面
│ ├── kaoqinguize/ # 考勤规则管理页面
│ ├── kaoqinxinxi/ # 考勤信息管理页面
│ ├── qingjiashenpi/ # 请假审批管理页面
│ ├── qingjiashenqing/ # 请假申请管理页面
│ ├── renshijiabanshenpi/ # 人事加班审批页面
│ ├── renshizhuanyuan/ # 人事专员管理页面
│ ├── syslog/ # 系统日志管理页面
│ ├── users/ # 管理员用户管理
│ ├── yuangong/ # 员工管理页面
│ ├── zhuguan/ # 主管管理页面
│ ├── forget.vue # 忘记密码页面
│ ├── HomeView.vue # 首页
│ ├── index.vue # 入口页
│ ├── login.vue # 登录页
│ └── updatepassword.vue # 修改密码页面
├── App.vue # 根组件
└── main.js # 入口文件
3. 公共资源
1
2
3
public/ # 纯静态资源（不会被webpack处理）
node_modules/ # 依赖包目录
项目数据库
数据库概述
数据库名
cl2181678
字符集
utf8mb4
排序规则
utf8mb4_general_ci
主要数据表
| 表名 | 表描述 |
|---|---|
| bumen | 部门表 |
| dakaxinxi | 打卡信息表 |
| fangjiaxinxi | 放假信息表 |
| gongzuoanpai | 工作安排表 |
| jiabanshenqing | 加班申请表 |
| jiabanshenpi | 加班审批表 |
| kaoqinxinxi | 考勤信息表 |
| qingjiashenqing | 请假申请表 |
| qingjiashenpi | 请假审批表 |
| yuangong | 员工表 |
| zhuguan | 主管表 |
| renshizhuanyuan | 人事专员表 |
项目功能介绍
系统角色
管理员
系统最高权限，管理所有用户和部门
人事专员
负责考勤规则、放假信息、加班审批等
主管
管理部门员工，审批请假和加班申请
员工
日常打卡、请假申请、加班申请等
管理员功能
部门管理
部门信息管理，设置主管和部门人数
用户管理
管理所有系统用户信息
人事专员管理
人事专员账户管理
员工管理
员工信息管理
主管管理
主管账户管理
操作日志
查看系统操作记录
数据备份
系统数据备份功能
修改密码
用户密码修改
人事专员功能
放假信息管理
企业放假安排管理
加班信息管理
加班申请、审批管理
考勤规则管理
考勤规则设置和管理
考勤信息管理
员工考勤统计信息
打卡信息管理
员工打卡记录查看
员工管理
员工信息维护
主管功能
工作安排管理
安排部门工作任务
员工管理
管理部门员工信息
请假审批
审批员工请假申请
加班审批
审批员工加班申请
考勤信息管理
查看部门考勤统计
员工功能
打卡管理
上下班打卡操作
请假申请
提交请假申请
加班申请
提交加班申请
工作安排
查看工作任务安排
放假信息
查看企业放假安排
个人中心
个人信息维护