保姆级教学ruoyi-vue(若依前后端分离版本)环境搭建 用eclipse 安装redis 后端配置 配置node环境 前端配置

25 篇文章 0 订阅

本地部署ruoyi-vue前后端分离版

后端配置

下载源码并数据库建表

1.在https://gitee.com/y_project/RuoYi-Vue下载源码并解压至本地文件在这里插入图片描述
2.将sql文件下的两个sql文件导入数据库生成表
在这里插入图片描述
在这里插入图片描述
3.在E:eclipsespaceoneRuoYi-Vue-master uoyi-adminsrcmain esourcesapplication-druid.yml修改数据库名和密码
在这里插入图片描述

4.在E:eclipsespaceoneRuoYi-Vue-master uoyi-adminsrcmain esourcesapplication.yml配置redis的host和port,这两个第一次安装的时候是默认的并且没有密码
在这里插入图片描述

安装redis

1.链接:https://pan.baidu.com/s/1aLYs8u6HcuZaNs6-zkkqNA
提取码:f3wi
下载redis并解压至自定义的redis文件夹
在这里插入图片描述
2.在redis文件目录输入cmd并回车,弹出命令行
在这里插入图片描述
3.首先输入redis-server.exe redis.windows.conf
在这里插入图片描述
4.再在该路径下打开命令行,输入redis-cli.exe -h 127.0.0.1 -p 6379,再输入ping,弹出pong后表示redis连接成功
在这里插入图片描述
在这里插入图片描述

后端配置完成,运行RuoYi-Vue-master uoyi-adminsrcmainjavacom uoyi下的RuoYiApplication.java文件启动

在这里插入图片描述
通过localhost可以访问该页面,表示后端配置完成
在这里插入图片描述

前端配置

配置node环境

1.在https://nodejs.org/zh-cn/download/下下载压缩包文件解压至本地,根据自己的操作系统来
在这里插入图片描述

2.配置环境变量
这是我node文件夹下的路径
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

3.输入win+R,输入cmd打开命令行窗口,输入node,如图所示,配置node成功
在这里插入图片描述

在E:eclipsespaceoneRuoYi-Vue-master文件路径下输入cmd,弹出命令行窗口并输入cd ruoyi-ui

在这里插入图片描述

添加依赖输入npm install --registry=https://registry.npm.taobao.org可以看见在下载完成依赖

在这里插入图片描述

再输入npm run dev,回车完成运行且自动弹出界面

在这里插入图片描述
等待加载
在这里插入图片描述
运行成功,并且自动弹出窗口
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

这就完成了本地环境的部署

  • 4
    点赞
  • 20
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值