【人力资源管理系统】基于 SpringBoot + Vue + ElementUI 的人力资源管理系统(附源码,包含数据库文件)

技术栈

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://www.521daima.com/

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

学长代码

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值