/hr

Spring Boot 实战项目（人力资源管理系统），前后端分离开发，Spring Boot + Vue，配套对应的技术文章（发布在微信公众号【程序员35】）

Primary LanguageJavaScript

人力资源管理系统

项目介绍

Spring Boot 实战项目（人力资源管理系统），前后端分离开发，Spring Boot + Vue 。

项目技术栈

前端技术栈

  1. Vue
  2. ElementUI
  3. axios
  4. vue-router
  5. Vuex
  6. WebSocket
  7. vue-cli4
  8. ...

后端技术栈

  1. Spring Boot
  2. Spring Security
  3. MyBatis
  4. MySQL
  5. Redis
  6. RabbitMQ
  7. Spring Cache
  8. WebSocket
  9. POI
  10. 邮件服务
  11. ...

项目效果图

登录

首页

员工列表

新增员工

角色管理

用户管理

在线聊天

项目部署及二次开发

  1. clone 代码到本地的 hr 目录： git clone https://github.com/cxy35/hr.git 。
  2. 在本地新建 hr 数据库，执行数据库初始化脚本 hr/hr.sql 。
  3. 用 IntelliJ IDEA 或其他 IDE 导入 hr 后端工程（选 hr 目录即可）。如果不是二次开发，则可跳过此步骤。
  4. 修改 hr-web 工程下的 application.properties 配置文件中的数据库、RabbitMQ、Redis 等配置，之后通过 IDE 启动 或 Maven 打包后启动后端服务，默认 8081 端口（见 application.properties 配置文件）。
  5. 修改 hr-mail 工程下的 application.properties 配置文件中的邮件服务、RabbitMQ 等配置，之后通过 IDE 启动 或 Maven 打包后启动邮件服务，默认 8082 端口（见 application.properties 配置文件）。如果不想发邮件，则可跳过此步骤。
  6. 用 WebStorm 或其他 IDE 导入 hr-vue 前端工程（选 hr-vue 目录）。如果不是二次开发，则可跳过此步骤。
  7. 在 hr-vue 根目录下用 npm install 命令安装前端相关依赖（需要先安装 node 环境，自行百度），如：vue、element-ui、axios 等，具体见 hr-vue/README.md 。
  8. 在 hr-vue 根目录下用 npm run serve 命令启动前端服务，默认 8080 端口（见 vue.config.js 配置文件）。
  9. 访问 http://127.0.0.1:8080 ，使用 admin/123 登录。

项目研发历程

  • 前端，创建 hr-vue 工程
  • 前端，登录页面
  • 后端，创建 hr 工程
  • 后端，登录接口
  • 前后端，登录功能联调
  • 前端，首页（包含左侧导航菜单）
  • 后端，菜单接口
  • 前端，所有菜单对应的页面（内容暂时只包含菜单名称）
  • 前后端，菜单功能联调
  • 后端，统一增加所有请求地址的权限控制
  • 系统管理-基础信息设置
  • 系统管理-基础信息设置-职位管理
  • 系统管理-基础信息设置-职称管理
  • 系统管理-基础信息设置-角色管理
  • 系统管理-基础信息设置-部门管理
  • 系统管理-用户管理
  • 员工资料-基本资料
  • 新增员工自动发送入职通知邮件
  • 薪资管理-工资账套管理
  • 薪资管理-员工账套管理
  • 在线聊天
  • 其他业务模块还未实现...

扫码关注微信公众号 程序员35 ，获取最新技术干货，畅聊 #程序员的35，35的程序员# 。独立站点：https://cxy35.com