若依前后端分离版本在IDEA中的部署

文章目录

    • 一、下载若依前后端分离版本
    • 二、Clone到IDEA中
    • 三、配置node.js
    • 四、redis部署
    • 四、修改相关配置
    • 五、数据库
    • 六、最终呈现效果

一、下载若依前后端分离版本

RuoYi前端分离版
若依前后端分离版本在IDEA中的部署_第1张图片

二、Clone到IDEA中

若依前后端分离版本在IDEA中的部署_第2张图片

若依前后端分离版本在IDEA中的部署_第3张图片

若依前后端分离版本在IDEA中的部署_第4张图片

RuoYi-Vue在idea中的样式

若依前后端分离版本在IDEA中的部署_第5张图片

三、配置node.js

请移步到node.js安装与配置
点开这里IDEA会自动跳出相关配置,点击TA
至此,前端环境运行完成
若依前后端分离版本在IDEA中的部署_第6张图片
若依前后端分离版本在IDEA中的部署_第7张图片

前端页面展示效果图:

四、redis部署

具体参考
Redis在windows下的安装与部署(ZIP方式)

四、修改相关配置

若依前后端分离版本在IDEA中的部署_第8张图片

五、数据库

新建数据库并且导入相关数据
我的数据库名称是:ry-vue(如上图所示)

若依前后端分离版本在IDEA中的部署_第9张图片
至此,全部配置完成!!
注意:此时redis服务,node.js服务还有后台应该全部处于运行状态才可以,如果有一个没有运行都会报错
若依前后端分离版本在IDEA中的部署_第10张图片

六、最终呈现效果


若依前后端分离版本在IDEA中的部署_第11张图片
完结散花❀

你可能感兴趣的:(intellij-idea,vue.js,java)