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

最新推荐文章于 2025-03-07 15:22:36 发布
最新推荐文章于 2025-03-07 15:22:36 发布
阅读量4.2w 收藏 234
点赞数 81
文章标签： vue.js 前端 javascript eclipse java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45114975/article/details/121693651
版权

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

后端配置

下载源码并数据库建表

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

4.在E:\eclipse\spaceone\RuoYi-Vue-master\ruoyi-admin\src\main\resources\application.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\ruoyi-admin\src\main\java\com\ruoyi下的RuoYiApplication.java文件启动

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

前端配置

配置node环境

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

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

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

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

在E:\eclipse\spaceone\RuoYi-Vue-master文件路径下输入cmd，弹出命令行窗口并输入cd ruoyi-ui

在这里插入图片描述

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

在这里插入图片描述

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

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

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

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

ruoyi-vue（若依前后端分离版本）环境搭建 用idea 安装redis 后端配置 配置node环境 前端配置
WJY_Enjoy的博客
03-17 3646
注意！！！步骤3的窗口不要关闭，开新窗口开始步骤4，否则会报错。
使用若依框架RuoYi前后端分离版(项目运行超详细步骤)
weixin_52008157的博客
08-02 7698
若依前后端具体运行步骤
【时代最前沿技术-Ai若依框架-JAVA结合人工智能】----基础应用篇---毕业设计---前后端分离技术
海海不掉头发的的博客
01-07 1050
若依官方针对不同开发需求提供了多个版本的框架，每个版本都有其独特的特点和适用场景：这些版本的框架为开发者提供了多样化的选择，无论是传统的Web应用、现代化的前后端分离应用，还是复杂的微服务架构和跨平台的移动端应用，都能找到合适的若依框架版本来满足开发需求。若依框架因其强大的功能和灵活性，吸引了众多第三方开发者基于其核心架构进行扩展和优化，从而形成了丰富的生态系统。这些扩展不仅增强了若依框架的功能性，也满足了开发者在不同场景下的具体需求。例如：这些扩展版本的推出，使得若依框架能够更好地适应不同规模和类型的项目
RuoYi-Vue 快速开发平台框架搭建
最新发布
weixin_62629319的博客
03-07 1024
RuoYi-Vue 是一个 Java EE 企业级快速开发平台，基于经典技术组合（Spring Boot、Spring Security、MyBatis、Jwt、Vue），内置模块如：部门管理、角色用户、菜单及按钮授权、数据权限、系统参数、日志管理、通知公告、代码生成等。在线定时任务配置；支持集群，支持多数据源，支持分布式事务。
若依框架RuoYi-Vue前后端分离版本从零安装教程
emilowe的博客
12-07 387
‌：可以从GitHub或其他源下载Redis的Windows版本压缩包，例如Redis-x64-5.0.14.1.zip。‌：建议将Redis路径配置到系统变量Path中，这样可以在任何命令行窗口中直接使用redis命令。命令来启动redis服务。默认端口为6379，出现图标说明redis服务启动成功。直接在Redis目录路径处输入cmd回车进入命令窗口，然后执行命令来启动服务。‌：将下载的压缩包解压到指定的文件夹中，例如。命令切换到redis所在的目录，然后使用。命令打开Redis客户端进行连接和测试。
RuoYi-Vue-master.zip
12-06
若依平台资源
rouyi-vue环境搭建
weixin_54452408的博客
03-28 1228
ruoyi-vue环境搭建
若依分离版服务器部署
weixin_42609207的博客
04-14 889
1.前端vue部署(linux+nginx) 第一步：修改vue.config.js中如图 . 第二步： 打包：npm run build:prod --report 修改nginx配置文件 worker_processes 1; events { worker_connections 1024; } http { include mime.types; default_type application/octet-stream; sendfile
从零搭建若依环境（分离版）
zavier的乌托邦
10-07 5307
若依是一个企业级快速开发平台，基于经典技术组合（Spring Boot、Spring Security、MyBatis、Jwt、Vue）。我学习时间也不长，做个简单的入门介绍，希望能帮助到刚接触若依的小伙伴。
RuoYi-Vue-fast-master_ruoyi项目_vuefast_若依前后端分离项目_
10-03
测试上传
若依框架ruoyi-vue-master(vue2版)
09-10
若依框架ruoyi-vue-master(vue2版)
y_project-RuoYi-Vue-master.zip
09-20
基于SpringBoot，Spring Security，JWT，Vue & Element 的前后端分离权限管理系统
若依系列RuoYi-Vue前后端分离版（127集，3.8.6）、RuoYi-Cloud微服务版本（142集，3.6.3）
08-01
ruoyi-vue: 127 3.8.6版本更新介绍.mp4 126 实现ehcache本地缓存.mp4 125 3.8.5版本更新介绍.mp4 124 实现多数据源增强.mp4 123 实现第三方授权登录.mp4 122 3.8.4版本更新介绍.mp4 121 3.8.3版本更新介绍.mp4 120 ...
ruoyi-vue（若依前后端分离版本）环境搭建 用eclipse 安装redis 后端配置 配置node环境 前端配置
java程序员的蜕变之路
11-10 3719
ruoyi-vue（若依前后端分离版本）环境搭建
RuoYi环境搭建
u013473447的专栏
11-24 1339
本文旨在详细介绍RuoYi框架的环境部署过程，帮助开发者快速搭建起一个稳定、高效的开发环境。通过本文的指导，开发者将能够了解到RuoYi框架的源码获取、环境要求、Maven构建、MySQL及Redis配置等关键步骤，从而能够顺利地将RuoYi框架应用到实际项目中。例如：以上就是今天要讲的内容，本文仅仅简单介绍了pandas的使用，而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。
若依框架搭建（前后端分离版本）
qq_46108386的博客
01-18 1484
若依官网。
ruoyi-vue前后端分离登录
11-01
ruoyi-vue是一个前后端分离的项目，其登录流程如下： 1. 前端用户输入用户名和密码，提交表单登录请求。 2. 后端的JwtAuthenticationTokenFilter拦截请求，从请求头中查询token，发现没有，接着执行后台的表单请求。 3. 根据前台的uuid，获取redis中缓存的验证码值，如果为空，登录失败，如果验证码值和用户前台输入的码值不一样，登录同样失败。 4. 后端通过jwt相关api接口，进行解析拿到用户的信息，进行登录认证，认证通过，则生成token返回给前端。 5. 前端的每一次请求都会带着这个token，后端都会通过token过滤器JwtAuthenticationTokenFilter进行拦截，从请求头里面获取token，然后进行解析拿到用户的信息，进行登录认证，认证通过，则放行。
评论 22
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

希望这个有用

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值