前言:
mark一下江南一点雨的微人事项目。
微人事是一个前后端分离的人力资源管理系统,项目采用SpringBoot+Vue开发。
微人事部署视频:https://mp.weixin.qq.com/s/dcJv6BIVFPnokI8nBf4IrQ
git地址:https://github.com/lenve/vhr
码云地址:https://gitee.com/lenve/vhr
工具:
后端软件开发的工具:Idea
前端软件开发的工具 : vscode
步骤:
第一部分启动后台
1)从git上拉取项目,也可以直接从码云上拉取项目。
2) 数据库新建一个vhr的数据库。
3)使用idea打开这个项目
打开后的项目就是这样子:
4) 准备redis ,由于我电脑已经有了redis,将配置文件中的替换一下。
5)准备rabbitmq ,没有安装的可以参考 window10下安装rabbitmq
6)项目导入idea 需要配置项目中的信息,更改为自己的参数
可以看到这个项目我的端口是8087
rabbitmq 安装在192.169.20.193这台服务器上。
修改之后:
在浏览器上访问:localhost:8087/index.html
点击登录
项目就跑起来了 ,这个时候再看一下我们的数据库,发现数据库也已经自动生成了。
第二部分启动前端
(1)前端项目需要准备node js
我这边使用的是vscode软件打开这个前端项目
项目打开以后我们可以安装依赖,在vscode中打开终端 输入npm install
2)然后启动 npm run serve启动项目
这里需要注意的点:
前端项目启动成功以后 我们需要配置连接信息,配置好以后我们就可以在浏览器上访问啦。
二次开发完成后执行 npm run build 编译打包,将编译好的文件放到后台的static文件夹下。
在浏览器上访问:localhost:8080/#/
登录系统以后可以看到后台项目里的数据
把我们的博主大大江南一点雨设置为技术总监,点击确定。
刷新 页以后也是可以的,说明连接上数据库 ,不是一些假数据。
这篇博客我们将微人事这个项目简单的搭建起来了,这是一个前后端分离的项目,后端采用的技术有 redis rabbitMq SpringBoot.
前端采用的是vue,我觉得这个开源项目真的很值得我们去学习,学习别人写的优秀的地方。
再一次为博主江南一点雨打call, 等我再研究明白一点以后再出微人事的其他篇
感谢你的阅读,如果觉得小编写的不错的话不妨给小编一个赞吧。谢谢。
声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!