目录

若依ry-vue分离板完整版前后端部署

若依ry-vue分离板(完整版)前后端部署


1.目标

在浏览器上成功登录若依管理系统

https://i-blog.csdnimg.cn/direct/3e6513eb1dbf4194b600d718e282b9fa.png

2.准备工作

JDK >= 1.8 (推荐1.8版本)
Mysql >= 5.7.0 (推荐5.7版本)
Redis >= 3.0
Maven >= 3.0
Node >= 12

3.源码下载

前往 Gitee 下载页面( )下载解压到工作目录(前后端源码都在这个里面)

https://i-blog.csdnimg.cn/direct/9e52615ebc72411b8e27afa44cde0d06.png

https://i-blog.csdnimg.cn/direct/8150dabd34274c08b60f00719c8a3553.png

4.整理前后端目录

ruoyi-ui是前端源码

https://i-blog.csdnimg.cn/direct/a64f48c593ce4f9caec995e7841b56e2.png

可以将它从后端源码里复制出来,这样使工作目录清晰一些,一个前端源码,一个后端源码。

https://i-blog.csdnimg.cn/direct/52d4a2e9bf2e4372acfb410268f9d058.png

5.先部署后端

(1)导入数据库

创建数据库ry-vue,将后端源码下的sql文件夹里面的sql文件导入到数据库ty-vue里面。

https://i-blog.csdnimg.cn/direct/fb95fbd5b2e944809e18310ac138475d.png

(2)改代码数据库配置

https://i-blog.csdnimg.cn/direct/dc51cf15e03f4ced9baa47dbdb1373d0.png

(3)运行redis

(4)运行执行文件

运行ruoyi-admin模块下的RuoYiApplication文件。

https://i-blog.csdnimg.cn/direct/33e0be0ccfd74d4d9abe2949d9647ebf.png

(5)后端启动成功

https://i-blog.csdnimg.cn/direct/b7daa9f8a4954d7ebeb1429a8a35a37a.png

6.再部署前端

(1)安装依赖

选中前端目录输入cmd回车就会打开控制台

https://i-blog.csdnimg.cn/direct/d9daff9968784d118348f31ee8fa19c9.png

输入 npm install 后等待安装依赖,安装成功后再输入 code .

自动打开vscode。

(2) 运行前端

https://i-blog.csdnimg.cn/direct/485686d8640546e083ac29078d49c615.png

(3)补充:

也可以安装依赖后,不用输入 code .

自动打开vscode,而是直接继续在命令行输入

npm run dev

运行前端代码。

7.部署成功

点击链接,成功连接后端运行出界面。(无论是命令行运行还是vscode里运行都会出现访问地址滴)

https://i-blog.csdnimg.cn/direct/676534fcadc74f3281fe8e545520040e.png

先登录后进入成功。

https://i-blog.csdnimg.cn/direct/021bed39e2bf47329f7755dfb98985b6.png

以上便是全部内容啦,若有什么错误的、不理解的、有待补充的,欢迎留言噢共同进步吖