1 开发环境与技术

本系统为人力资源管理系统，面向员工管理、部门管理、考勤请假、薪资社保等业务场景。系统采用 B/S 架构，后端使用 Java + Spring Boot，前端使用 Vue.js，数据库使用 MySQL，前后端分离开发。

1.1 MySQL 数据库

本系统使用 MySQL 关系型数据库，数据库名为 db_hrm，共包含 15 张数据表，主要存储员工信息、部门信息、考勤记录、请假申请、薪资数据、五险一金、角色权限、文件资料等。数据库采用 InnoDB 存储引擎，支持事务处理，适合本系统的业务数据存储。

1.2 Tomcat 介绍

本系统采用 Spring Boot 2.6.3 内嵌 Tomcat 运行，无需单独安装配置。项目打包为 JAR 文件后可直接启动，后端默认端口为 8888，可使用 IDEA 2023 配合 JDK 1.8 进行开发调试。

1.3 Vue 技术

前端采用 Vue 2.6 框架，配合 Element UI 2.15 组件库构建界面，使用 Axios 调用后端 RESTful 接口。系统通过 Vue Router 实现动态路由，登录后根据角色加载对应菜单，实现权限控制；首页使用 ECharts 展示数据统计图表。

1.4 Spring Boot 框架

后端基于 Spring Boot 2.6.3 开发，运行环境为 JDK 1.8，持久层使用 MyBatis-Plus 3.5.1。系统通过 JWT 拦截器实现登录认证和接口权限控制，使用 Maven 管理依赖，主要实现员工管理、部门管理、考勤请假、薪资社保、角色权限等功能。

2 系统实现

本系统主要实现员工管理、部门管理、考勤请假、薪资社保、角色权限、首页统计等功能，各模块通过菜单权限控制访问范围。

2.1 员工管理

员工管理页面支持查询、新增、修改、删除员工信息，可按姓名、生日、部门、状态搜索。页面表格显示工号、姓名、年龄、部门、性别、电话、生日、状态、地址、备注等信息，支持分页显示和批量删除，每条记录可进行编辑、删除和分配角色操作，并支持 Excel 导入导出。

图2.1 员工管理页面

2.2 部门管理

部门管理页面支持查询、新增、修改、删除部门信息，可按部门名称搜索。页面以树形结构展示组织架构，支持新增子部门，并为子部门设置上下班考勤时间，以及请假规则、加班规则等配置。

图2.2 部门管理页面

2.3 请假审批

请假审批页面用于查看和处理员工请假申请，可按姓名、部门搜索。页面表格显示工号、姓名、部门、电话、申请时间、请假类型、开始日期、天数、审核状态、备注等信息，可对未审核申请进行批准或驳回。

图2.3 请假审批页面

2.4 考勤表现

考勤表现页面用于查看员工考勤情况，可按姓名、部门、月份搜索。页面表格显示工号、姓名、部门、电话，以及当月每日考勤状态，包括正常、迟到、早退、旷工、休假等，点击对应日期可修改考勤状态，并支持 Excel 导入导出。

图2.4 考勤表现页面

2.5 薪资管理

薪资管理页面用于查看和编辑员工工资，可按姓名、部门、月份搜索。页面表格显示工号、姓名、部门、电话、迟到扣款、早退扣款、旷工扣款、请假扣款、基本工资、补贴、奖金、最终工资等信息，系统自动计算扣款和最终工资，并支持 Excel 导入导出。

图2.5 薪资管理页面

2.6 角色权限管理

角色权限管理页面支持查询、新增、修改、删除角色信息，可按职称搜索。页面表格显示编号、职称、备注等信息，支持分页显示和批量删除，每条记录可进行编辑、删除和菜单分配，实现不同角色的功能权限控制。

图2.6 角色权限管理页面

2.7 系统首页

系统首页展示个人信息和考勤日历，可查看每日考勤状态；同时展示员工总数、部门数量等统计数据，并通过图表展示参保城市分布、员工结构、部门结构等信息。

图2.7 系统首页

2.8 个人信息与请假

用户可在个人中心查看和修改姓名、性别、电话、地址等信息，支持修改密码和上传头像，并可在线提交请假申请，填写请假类型、开始日期和天数，等待审批。

图2.8 个人信息与请假页面

3 系统展示与源码获取

图3.1 人力资源管理系统

源码获取地址：源码集市