基于 SpringBoot + Vue + ElementUI 的人力资源管理系统（含源码+SQL文件）

亦凉 2023-09-30 23:18 13阅读 0赞

## 1. 技术栈 ##

前端：**Vue+ElementUI+Axios**  
后端：**Spring Boot+MyBatis Plus+ Jwt+Mysql+Swagger**

## 2. 系统设计 ##

本系统主要分四个模块，分别是系统管理和权限管理、薪资管理、考勤管理，系统  
管理主要用于日常事务管理管理，权限管理，用于控制员工的访问权限，薪资管理主要  
是对员工的五险一金以及社保数据的修改和添加，考勤管理主要是对员工的日常打卡进  
行记录和统计。  
![在这里插入图片描述][15161ad2555e4320b83a38e54cd4de28.jpeg_pic_center]

### 2.1 权限 ###

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

![30aea9bfd34e8ae7f73d5b6dca950d4a.png][]

## 3. 系统展示 ##

**登录**

![在这里插入图片描述][870b6b38af0a41c28d48b701d9a07e7a.jpeg_pic_center]

**首页**

![在这里插入图片描述][6a294329b5e246289c923014f868f220.jpeg_pic_center]

**权限分配**

![在这里插入图片描述][d990d0d2898345029c117e5a3c2611f5.jpeg_pic_center]

**个人信息修改**

![在这里插入图片描述][4e01b3e74fb34740b516ad74b46c3ac1.jpeg_pic_center]

**工资调整**

![在这里插入图片描述][1296113fe8744ee28629abec5cc99534.jpeg_pic_center]

**请假**

![在这里插入图片描述][6aeda03c642346c59294467cc8d8b03b.jpeg_pic_center]

**修改密码**

![在这里插入图片描述][f0521c50157c4c6b87110b735f564d44.jpeg_pic_center]

## 4. 项目搭建 ##

### 4.1 项目配置 ###

1、前端  
在.env文件中

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

2、后端  
在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/ # 修改为自己的路径

### 4.2 项目启动 ###

1.  新建数据库表、插入数据
2.  启动前端项目：

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

1.  启动后台项目
2.  启动成功访问：`http://127.0.0.1:8080/login`，账号：admin、密码：123

[15161ad2555e4320b83a38e54cd4de28.jpeg_pic_center]: https://img-blog.csdnimg.cn/15161ad2555e4320b83a38e54cd4de28.jpeg#pic_center
[30aea9bfd34e8ae7f73d5b6dca950d4a.png]: https://img-blog.csdnimg.cn/img_convert/30aea9bfd34e8ae7f73d5b6dca950d4a.png
[870b6b38af0a41c28d48b701d9a07e7a.jpeg_pic_center]: https://img-blog.csdnimg.cn/870b6b38af0a41c28d48b701d9a07e7a.jpeg#pic_center
[6a294329b5e246289c923014f868f220.jpeg_pic_center]: https://img-blog.csdnimg.cn/6a294329b5e246289c923014f868f220.jpeg#pic_center
[d990d0d2898345029c117e5a3c2611f5.jpeg_pic_center]: https://img-blog.csdnimg.cn/d990d0d2898345029c117e5a3c2611f5.jpeg#pic_center
[4e01b3e74fb34740b516ad74b46c3ac1.jpeg_pic_center]: https://img-blog.csdnimg.cn/4e01b3e74fb34740b516ad74b46c3ac1.jpeg#pic_center
[1296113fe8744ee28629abec5cc99534.jpeg_pic_center]: https://img-blog.csdnimg.cn/1296113fe8744ee28629abec5cc99534.jpeg#pic_center
[6aeda03c642346c59294467cc8d8b03b.jpeg_pic_center]: https://img-blog.csdnimg.cn/6aeda03c642346c59294467cc8d8b03b.jpeg#pic_center
[f0521c50157c4c6b87110b735f564d44.jpeg_pic_center]: https://img-blog.csdnimg.cn/f0521c50157c4c6b87110b735f564d44.jpeg#pic_center