基于 SpringBoot + Vue + ElementUI 的人力资源管理系统（附源码）

小四 2023-02-03 12:31 34次浏览 0 条评论前端

技术栈 1、前端

Vue、Axios、ElementUI、Vue-Router、Vuex、ECharts

2、后端

Spring Boot、JWT、MyBatis-Plus、MySQL、Hutool

系统设计 1、业务用例

超级管理员拥有对所有菜单的访问权限，进行一系列的管理操作。而普通员工只能进行查看和修改个人信息，以及修改密码，请假。另外超级管理员可以为普通员工分配一些角色，进而改变员工的访问权限。

2、功能结构

本系统主要分四个模块，分别是系统管理和权限管理、薪资管理、考勤管理，系统管理主要用于日常事务管理管理，权限管理，用于控制员工的访问权限，薪资管理主要是对员工的五险一金以及社保数据的修改和添加，考勤管理主要是对员工的日常打卡进行记录和统计。

系统展示首页

首页主要展示当前登录员工的一些基本信息，员工当前月的考勤数据，以及当日员工迟到、早退、旷工等情况。

请假

在请假面板中，员工可以进行请假。在左侧的请假记录中查看以往的请假记录，或对当前未被审核的申请进行撤销。

管理员可以对员工的请假进行审批，比如通过或驳回。员工申请请假之后，等待管理员进行审批，如管理员审批通过，则将员工休假时间段的考勤状态设置为休假。

五险一金

社保模块主要展示了员工的社保情况，可以对员工的社保进行调整。

工资管理

显示员工当月的工资情况，以及当月的考勤罚款情况。可以导出员工当月的工资报表。

考勤管理

考勤管理实现了考勤数据的批量导入与导出，以及员工考勤状态的查询和修改。

通过导入员工的考勤记录表，系统就会根据员工所在部门规定的上班时间进行比对，判断员工是否迟到、早退、旷工。（这是数据导入的模板，需要按照此格式填写数据。系统只会读取上下班时间的时间部分，系统以考勤日期作为打卡日期）。

另外，介绍一下考勤规制：

若考勤日期对应的是周末，则不判读员工考勤状态，默认为休假。若考勤日期对应的是员工请假的日期，则员工考勤状态设为休假。若员工的四个打卡时间，只要有一个为空，则员工考勤状态设为旷工。若员工既迟到又早退，则员工考勤状态设为旷工。若员工迟到，则员工考勤状态设为迟到。若员工早退，则员工考勤状态设为早退。若不是以上任何情况，则员工考勤状态设为正常。项目搭建 1、项目配置

前端

在.env文件中

# 修改端口号，此端口号与在application.yml中配置的端口号相同 VUE_APP_PORT = 8888

后端

在application.yml中进行相关的配置

# 这是后端项目的运行端口，可自行修改 server: port: 8888 # 修改数据源，若MySql数据库版本较低，此处应该是com.mysql.jdbc.Driver driver-class-name: com.mysql.cj.jdbc.Driver # 因为此项目涉及到了文件上传与下载，此路径用来存储上传的文件。 files: upload: path: E:/project/idea/hrm/file/ # 修改为自己的路径 2、项目启动

①. 新建数据库，将数据库文件执行

②. 克隆代码到本地，在vue-elementui-hrm目录下

# 下载依赖 npm install # 启动 npm run serve

③. 启动后端项目

④. 项目启动成功之后，访问http://localhost:8080/login

账号：admin 密码：123源码见原文链接：https://mp.weixin.qq.com/s/JGZwlf2k8koWyurM7Utshw