> 文章列表 > 基于 SpringBoot + Vue + ElementUI 的人力资源管理系统(含源码+SQL文件)

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

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

1. 技术栈

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

2. 系统设计

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

2.1 权限

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

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

3. 系统展示

登录

在这里插入图片描述

首页

在这里插入图片描述

权限分配

在这里插入图片描述

个人信息修改

在这里插入图片描述

工资调整

在这里插入图片描述

请假

在这里插入图片描述

修改密码

在这里插入图片描述

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