对于初入职场的新丁来说,每个公司最最神秘又最最高深莫测的部门是哪一个?
想必很多人心中都会想到人力资源部,毕竟是掌握员工录取生杀大权、工资薪水发放、各种福利假期安排的重中之重部门。
但是很多人估计一辈子跳槽换来换去,也不会换到人力资源部,对于其内部使用的系统到底怎么样肯定也充满好奇。
所以小编今天就给大家分享一个前后端分离的人力资源管理系统,让大家了解一下这个神奇的部门~
微人事,一个采用SpringBoot+Vue开发的项目,加入常见的各种企业级应用所涉及到的技术点,例如 Redis、RabbitMQ 等等等等。
让我们先看下系统截图,咱没法真的去那上班难道还不能对着系统过过干瘾嘛,真是的~
项目技术栈
后端技术栈
- Spring Boot
- Spring Security
- MyBatis
- MySQL
- Redis
- RabbitMQ
- Spring Cache
- WebSocket
前端技术栈
- Vue
- ElementUI
- axios
- vue-router
- Vuex
- WebSocket
- vue-cli4
快速部署指南
- clone 项目到本地
- 数据库脚本使用 Flyway 管理,不需要手动导入数据库脚本,只需要提前在本地 MySQL 中创建一个空的数据库 vhr,并修改项目中关于数据的配置(resources 目录下的 application.properties 文件中)即可
- 提前准备好 Redis,在 项目的 application.properties 文件中,将 Redis 配置改为自己的
- 提前准备好 RabbitMQ,在项目的 application.properties 文件中将 RabbitMQ 的配置改为自己的(注意,RabbitMQ 需要分别修改 mailserver 和 vhrserver 的配置文件)
- 在 IntelliJ IDEA 中打开 vhr 项目,启动 mailserver 模块
- 运行 vhrserver 中的 vhr-web 模块
完成以上步骤,服务端就启动成功了,此时直接在地址栏输入 http://localhost:8081/index.html 就可以直接访问项目,如果小伙伴们要做二次开发,还需要多做一点操作:
进入到vuehr目录中,在命令行依次输入如下命令:
# 安装依赖
npm install
# 在 localhost:8080 启动项目
npm run serve
- 最后可以用 WebStorm 等工具打开 vuehr 项目,继续开发,开发完成后,当项目要上线时,依然进入到 vuehr 目录,然后执行如下命令:
npm run build
该命令执行成功之后,vuehr 目录下生成一个 dist 文件夹,将该文件夹中的两个文件 static 和 index.html 拷贝到 Spring Boot 项目中 resources/static/ 目录下,然后就可以像之前那样直接访问并进行二次开发了~
内容出处:,
声明:本网站所收集的部分公开资料来源于互联网,转载的目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。如果您发现网站上有侵犯您的知识产权的作品,请与我们取得联系,我们会及时修改或删除。文章链接:http://www.yixao.com/share/29366.html