技术栈
1、前端
Vue、Axios、ElementUI、Vue-Router、Vuex、ECharts
2、后端
Spring Boot、JWT、MyBatis-Plus、MySQL、Hutool
系统设计
1、业务用例
![55205bad8dec75c151ed7a63d0b513cc.png](https://i-blog.csdnimg.cn/blog_migrate/a3cb5549b048bb149baed2a73f18826b.png)
超级管理员拥有对所有菜单的访问权限,进行一系列的管理操作。而普通员工只能进行查看和修改个人信息,以及修改密码,请假。另外超级管理员可以为普通员工分配一些角色,进而改变员工的访问权限。
2、功能结构
![1b7c5911f30d577fb568eb16104eb6cd.png](https://i-blog.csdnimg.cn/blog_migrate/023330cb154bbe28fe16fbd5c5c12d80.png)
本系统主要分四个模块,分别是系统管理和权限管理、薪资管理、考勤管理,系统管理主要用于日常事务管理管理,权限管理,用于控制员工的访问权限,薪资管理主要是对员工的五险一金以及社保数据的修改和添加,考勤管理主要是对员工的日常打卡进行记录和统计。
系统展示
首页
![57b0ea7c260d658be0a09320c4afebfd.png](https://i-blog.csdnimg.cn/blog_migrate/74bf531453b8290ce0e75ec951cc43d7.png)
首页主要展示当前登录员工的一些基本信息,员工当前月的考勤数据,以及当日员工迟到、早退、旷工等情况。
请假
![85c57804ab4686d5206bcaa579cdfd55.png](https://i-blog.csdnimg.cn/blog_migrate/28811e59ff51be8efe12451f11d14698.png)
在请假面板中,员工可以进行请假。在左侧的请假记录中查看以往的请假记录,或对当前未被审核的申请进行撤销。
![7cb2944b865ce1063e1cdd370a4823a9.png](https://i-blog.csdnimg.cn/blog_migrate/12f29108b1afb58beb33153cf688cc64.png)
管理员可以对员工的请假进行审批,比如通过或驳回。员工申请请假之后,等待管理员进行审批,如管理员审批通过,则将员工休假时间段的考勤状态设置为休假。
五险一金
![b855be4606c504adb950ecafe932690b.png](https://i-blog.csdnimg.cn/blog_migrate/50279ec8c6db8f4be52dc51c00c71b62.png)
![ba53d6270cc15b9f4d23d543def7bfcc.png](https://i-blog.csdnimg.cn/blog_migrate/272099eef617adb61221d775258c58bc.png)
社保模块主要展示了员工的社保情况,可以对员工的社保进行调整。
工资管理
![b9dc526d35b67b3b4ebfcf8dd5b669e9.png](https://i-blog.csdnimg.cn/blog_migrate/6ee2db1f164b1ea76407bf684a6a24ae.png)
显示员工当月的工资情况,以及当月的考勤罚款情况。可以导出员工当月的工资报表。
考勤管理
![a6442fb71bf654a10986ef378291e9a9.png](https://i-blog.csdnimg.cn/blog_migrate/f60f14014ac5d25f517f99d9666ce62d.png)
考勤管理实现了考勤数据的批量导入与导出,以及员工考勤状态的查询和修改。
![e094795abfecbeaf76d6db5651754f96.png](https://i-blog.csdnimg.cn/blog_migrate/33b10f5fe863e7b5ad0049197d30fd15.png)
通过导入员工的考勤记录表,系统就会根据员工所在部门规定的上班时间进行比对,判断员工是否迟到、早退、旷工。(这是数据导入的模板,需要按照此格式填写数据。系统只会读取上下班时间的时间部分,系统以考勤日期作为打卡日期)。
另外,介绍一下考勤规制:
若考勤日期对应的是周末,则不判读员工考勤状态,默认为休假。
若考勤日期对应的是员工请假的日期,则员工考勤状态设为休假。
若员工的四个打卡时间,只要有一个为空,则员工考勤状态设为旷工。
若员工既迟到又早退,则员工考勤状态设为旷工。
若员工迟到,则员工考勤状态设为迟到。
若员工早退,则员工考勤状态设为早退。
若不是以上任何情况,则员工考勤状态设为正常。
项目搭建
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
完整项目源码获取方法
大家按照下面的步骤帮我做一个问卷调查,做完之后截图,然后加我QQ:1844472636,发给我截图和你注册账号用的邮箱就行了,我审核后发给你源码哈~
麻烦填问卷的过程中一定要慢一点,别几秒钟搞定,那种是无效的,我这边会一一审核,如果无效的话我没办法发给你源码哈,慢一点,内容填的越完整越好,谢谢各位了。(领导给的任务,让我一个月内搞到1000份有效问卷,愁死我了。。。)
步骤:
![99ff37542572d20f61fde5d5a54ee2fe.png](https://i-blog.csdnimg.cn/blog_migrate/ed8e1abe444c33c91c58c201236a6a25.png)
扫描上方二维码启动问卷
用邮箱注册账户填写问卷
填完问卷之后记得截图,然后加我QQ:1844472636,备注“ 人力资源 ”。
我通过好友之后,发给我截图和你注册账户用的邮箱就行了。
我审核之后发给你源码哈~
点击“ 阅读原文 ”即可快速启动问卷!