基于SpringBoot+Vue+MySQL的前后端分离的人力资源管理系统

﹏ヽ暗。殇╰゛Y 2023-10-13 11:51 24阅读 0赞

[资源下载地址][Link 1]：https://download.csdn.net/download/sheziqiong/87999732  
[资源下载地址][Link 1]：https://download.csdn.net/download/sheziqiong/87999732

### 项目介绍 ###

微人事是一个前后端分离的人力资源管理系统，项目采用 SpringBoot+Vue 开发，项目加入常见的企业级应用所涉及到的技术点，例如 Redis、RabbitMQ 等。

#### 项目技术栈 ####

##### 后端技术栈 #####

1.  Spring Boot
2.  Spring Security
3.  MyBatis
4.  MySQL
5.  Redis
6.  RabbitMQ
7.  Spring Cache
8.  WebSocket
9.  …

##### 前端技术栈 #####

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

#### 项目效果图 ####

首先，不同的用户在登录成功之后，根据不同的角色，会看到不同的系统菜单，完整菜单如下：

![p278][]

不同用户登录上来之后，可能看到的会有差异，如下：

![p279][]

每个用户的角色是由系统管理员进行分配的，系统管理员给用户分配角色的页面如下：

![p280][]

系统管理员也可以管理不同角色可以操作的资源，页面如下：

![p281][]

### 快速部署 ###

1.  clone 项目到本地 `git@github.com:lenve/vhr.git`
2.  数据库脚本使用 Flyway 管理，**不需要手动导入数据库脚本**，只需要提前在本地 MySQL 中创建一个空的数据库 vhr，并修改项目中关于数据的配置（resources 目录下的 application.properties 文件中）即可
3.  提前准备好 Redis，在 项目的 application.properties 文件中，将 Redis 配置改为自己的
4.  提前准备好 RabbitMQ，在项目的 application.properties 文件中将 RabbitMQ 的配置改为自己的（**注意，RabbitMQ 需要分别修改 mailserver 和 vhrserver 的配置文件**）
5.  在 IntelliJ IDEA 中打开 vhr 项目，启动 mailserver 模块
6.  运行 vhrserver 中的 vhr-web 模块

**OK，至此，服务端就启动成功了，此时我们直接在地址栏输入 `http://localhost:8081/index.html` 即可访问我们的项目，如果要做二次开发，请继续看第七、八步。**

1.  进入到vuehr目录中，在命令行依次输入如下命令：

# 安装依赖
    npm install
    
    # 在 localhost:8080 启动项目
    npm run serve

由于我在 vuehr 项目中已经配置了端口转发，将数据转发到 Spring Boot 上，因此项目启动之后，在浏览器中输入 `http://localhost:8080` 就可以访问我们的前端项目了，所有的请求通过端口转发将数据传到 Spring Boot 中（注意此时不要关闭 Sprin gBoot 项目）。

1.  最后可以用 WebStorm 等工具打开 vuehr 项目，继续开发，开发完成后，当项目要上线时，依然进入到 vuehr 目录，然后执行如下命令：

npm run build

该命令执行成功之后，vuehr 目录下生成一个 dist 文件夹，将该文件夹中的两个文件 static 和 index.html 拷贝到 Spring Boot 项目中 resources/static/ 目录下，然后就可以像第 6 步那样直接访问了（关于前后端分离部署，大家也可以参考这个[使用 Nginx 部署前后端分离项目，解决跨域问题][Nginx]）。

**步骤 7 中需要大家对 NodeJS、NPM 等有一定的使用经验，不熟悉的小伙伴可以先自行搜索学习下，推荐 [Vue 官方教程][Vue]。**

[资源下载地址][Link 1]：https://download.csdn.net/download/sheziqiong/87999732  
[资源下载地址][Link 1]：https://download.csdn.net/download/sheziqiong/87999732

[Link 1]: https://download.csdn.net/download/sheziqiong/87999732
[p278]: https://img-blog.csdnimg.cn/img_convert/7dd6fc16d225367c0d75bf02efdca694.png
[p279]: https://img-blog.csdnimg.cn/img_convert/bdce89781b91f2b3164f735fba7f1943.png
[p280]: https://img-blog.csdnimg.cn/img_convert/fd00448a0673ac525d45942a301cda45.png
[p281]: https://img-blog.csdnimg.cn/img_convert/4b88e3acff7a160c2cf6fc954d0d4bcb.png
[Nginx]: https://mp.weixin.qq.com/s/C7PIck3SIPPTcA3NX3ELoQ
[Vue]: https://cn.vuejs.org/v2/guide/