基于Spring Boot+Vue+ElementUI的人力资源管理系统【源码+数据库+论文】

### 项目说明 #### 更新 1. 解决了第一次点击导航栏，页面出现空白的问题 2. 取消使用自定义的封装组件CommonForm、CommonTable 3. 优化了一些对话框布局 4. 增加修改头像功能，员工未设置头像时，显示默认头像 5. 删除了att_leave_type、sal_deduct_type、att_work_time、att_overtime_type等数据库表，具体原因见项目文档的总结部分 6. token过期直接退出登录 7. 实现了当访问不存在的路由时，出现404页面的功能 8. 解决了一些关于路由warning的问题 2023/2/3 9. 优化了界面，增强了搜索功能 2023/2/15 10. 解决了添加子部门时，出现异常的问题 2023/2/17 11. 解决了不能修改密码的问题 2023/3/10 12. 解决了不能添加参保城市的问题 2023/4/6 #### 其他 1. 目前只修改了代码，但项目文档并未更新，大体上是一致的 2. 老项目请切换v1.0-221229分支 3. 目前项目的加班模块还未完成 4. 后续会持续改进项目 ### 项目介绍 #### 项目背景 人力资源管理是企业运营中必不可少的一环，它关系到企业的前途与发展。尤其对于中小微企业来说，对企业的发展有着举足轻重的作用。随着近年来，政府对创业项目的大力扶持，我国创业型企业蓬勃发展。据统计，2019年，我国创业企业数量已达1810万余家，占全国企业数的97%，截止2020年，我国创业企业数量达到了2030万，同比增长10%。虽然我国创业企业的基数在不断增大，但是能够长久存活的企业却少之又少。 在创业初期，随着企业初具规模，大多数创业者开始将主要精力集中在市场调研和开发产品上，而忽略了团队的内部管理。据调查，中国企业的平均寿命是7.02年，但70%的企业存活不超过5年，究其原因有很多，其中最重要的一个原因就是，人力资源管理未能有效推动企业向前发展。([项目地址](https://github.com/fellow-me/hrm)) #### 技术栈 1. 前端 Vue、Axios、ElementUI、Vue-Router、Vuex、ECharts 2. 后端 Spring Boot、JWT、MyBatis-Plus、MySQL、Hutool ### 系统设计 #### 业务用例  超级管理员拥有对所有菜单的访问权限，进行一系列的管理操作。而普通员工只能进行查看和修改个人信息，以及修改密码，请假。另外超级管理员可以为普通员工分配一些角色，进而改变员工的访问权限。 #### 功能结构 <img src="https://image-qiu.oss-cn-hangzhou.aliyuncs.com/img/20220413212517.png" alt="人力资源管理系统" style="zoom: 67%;" /> 本系统主要分四个模块，分别是系统管理和权限管理、薪资管理、考勤管理，系统管理主要用于日常事务管理管理，权限管理，用于控制员工的访问权限，薪资管理主要是对员工的五险一金以及社保数据的修改和添加，考勤管理主要是对员工的日常打卡进行记录和统计。 ### 系统展示 #### 首页  首页主要展示当前登录员工的一些基本信息，员工当前月的考勤数据，以及当日员工迟到、早退、旷工等情况。 #### 请假  在请假面板中，员工可以进行请假。在左侧的请假记录中查看以往的请假记录，或对当前未被审核的申请进行撤销。  管理员可以对员工的请假进行审批，比如通过或驳回。员工申请请假之后，等待管理员进行审批，如管理员审批通过，则将员工休假时间段的考勤状态设置为休假。 #### 五险一金   社保模块主要展示了员工的社保情况，可以对员工的社保进行调整。 #### 工资管理  显示员工当月的工资情况，以及当月的考勤罚款情况。可以导出员工当月的工资报表。 #### 考勤管理  考勤管理实现了考勤数据的批量导入与导出，以及员工考勤状态的查询和修改。  通过导入员工的考勤记录表，系统就会根据员工所在部门规定的上班时间进行比对，判断员工是否迟到、早退、旷工。（这是数据导入的模板，需要按照此格式填写数据。系统只会读取上下班时间的时间部分，系统以考勤日期作为打卡日期）。 另外，介绍一下考勤规制： * 若考勤日期对应的是周末，则不判读员工考勤状态，默认为休假。 * 若考勤日期对应的是员工请假的日期，则员工考勤状态设为休假。 * 若员工的四个打卡时间，只要有一个为空，则员工考勤状态设为旷工。 * 若员工既迟到又早退，则员工考勤状态设为旷工。 * 若员工迟到，则员工考勤状态设为迟到。 * 若员工早退，则员工考勤状态设为早退。 * 若不是以上任何情况，则员工考勤状态设为正常。 ### 项目搭建 #### 项目配置 1. 前端 在`.env`文件中 ```xml # 修改端口号，此端口号与在application.yml中配置的端口号相同 VUE_APP_PORT = 8888 ``` 2. 后端 在`application.yml`中进行相关的配置 ```xml # 这是后端项目的运行端口，可自行修改 server: port: 8888 # 修改数据源，若MySql数据库版本较低，此处应该是com.mysql.jdbc.Driver driver-class-name: com.mysql.cj.jdbc.Driver # 因为此项目涉及到了文件上传与下载，此路径用来存储上传的文件。 file: upload: path: E:/project/idea/hrm/file/ # 修改为自己的路径 ``` #### 项目启动 1. 新建数据库，将数据库文件执行 2. 克隆代码到本地，在vue-elementui-hrm目录下 ```bash # 下载依赖 npm install # 启动 npm run serve ``` 3. 启动后端项目 4. 项目启动成功之后，访问http://localhost:8080/login 账号：admin 密码：123