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

沙漏无语 沙漏无语     2022-12-10     784

关键词:

本地部署ruoyi-vue前后端分离版
后端配置
下载源码并数据库建表
安装redis
后端配置完成,运行RuoYi-Vue-master\\ruoyi-admin\\src\\main\\java\\com\\ruoyi下的RuoYiApplication.java文件启动
前端配置
配置node环境
在E:\\eclipse\\spaceone\\RuoYi-Vue-master文件路径下输入cmd,弹出命令行窗口并输入cd ruoyi-ui
添加依赖输入npm install --registry=https://registry.npm.taobao.org可以看见在下载完成依赖
再输入npm run dev,回车完成运行且自动弹出界面
这就完成了本地环境的部署
后端配置
下载源码并数据库建表
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,回车完成运行且自动弹出界面

 

等待加载

运行成功,并且自动弹出窗口

这就完成了本地环境的部署
————————————————
版权声明:本文为CSDN博主「希望这个有用」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/weixin_45114975/article/details/121693651

ruoyi(若依开源框架)-前后台分离版-idea搭建运行

若依-前后台分离版-idea搭建运行环境及技术JDK>=1.8(推荐1.8版本)Mysql>=5.7.0(推荐5.7版本)Redis>=3.0Maven>=3.0Node>=10SpringBoot+SpringSecurity+MyBatis+Jwt+Vue(1)系统 查看详情

若依管理系统(前后端分离版)部署并实现持续发布(代码片段)

若依管理系统是基于SpringBoot的权限管理系统,可以用它作为基础构建自己的后台管理系统。这个项目在Gitee上有1.8万个star。它有3个版本,分别是单体版、前后端分离版、微服务版。这次部署的是基于SpringBoot+Vue前后端... 查看详情

若依框架(前后端分离版本)总结(代码片段)

...东西。再者基础上去开发。所以还是自我做个总结吧。2.若依框架的下载及使用官方文档已经写的很详细了。若依框架前后端分离版本官网下载地址(1)环境部署 记得装好node(2)后端运行记得先导入数据库脚本... 查看详情

若依前后端分离版本(rouyi-vue)框架使用redis集群(代码片段)

更改application.yml配置,注释掉redis下面的host和port,增加cluster节点及其子节点nodes,node值为以逗号分隔的多个节点配置,如ip1:port1,ip2:port2,ip3:port3,也可以用每行一个配置的形式(配置更清晰),每行配... 查看详情

若依vue项目更改开发环境端口(代码片段)

Ruoyi-vue前后端分离项目,前端主要负责页面展示和转发请求,后端负责处理业务逻辑,并将处理结果返回给前端。前端对接口的转发是通过 vue.config.js文件配置,可以在devServer(这个配置下转发的请求)-pr... 查看详情

若依配置教程若依前后端分离版部署到服务器nginx(windows版)(代码片段)

搭建若依环境要部署到服务器上,首先要在本地运行若依系统文章目录搭建若依环境后端部署1.在application.yml中修改后台端口,这里默认是8080。2.在application-druid.yml中修改正式环境数据库。3.后端打包部署前端部署下载安... 查看详情

手把手教你启动若依前后端分离项目(代码片段)

...前端项目启动​四、项目运行结果一、概述         RuoYi-Vue 是一个JavaEE企业级快速开发平台,基于经典技术组合(SpringBoot、SpringSecurity、MyBatis、Jwt、Vue),内置模块如:部门管理、角色用户、菜单及按... 查看详情

ruoyi(若依开源框架)-前后端分离版-前端流程简单分析(代码片段)

RuoYi(若依开源框架)-前后端分离版-前端流程简单分析项目结构├──build//构建相关├──bin//执行脚本├──public//公共文件│├──favicon.ico//favicon图标│└──index.html//html模板├──src//源代码│├──api//所有请求│├──... 查看详情

从0开始,构建前后端分离应用

...ing+SpringMVC+Mybatis框架、前端使用Vue+iView作为基础开发一个前后端分离的SPA应用目录1、环境搭建1.1Maven+Nexus搭建后台构建环境1.2webpack搭建后端构建环境2、前端开发 3、后端开发环境简介由于是个人练习的小项目,因此开发环境... 查看详情

ruoyi(若依开源框架)-前后台分离版-后端流程简单分析(代码片段)

RuoYi(若依开源框架)-前后台分离-后端流程简单分析【项目结构】├──common//工具类│└──annotation//自定义注解│└──config//全局配置│└──constant//通用常量│└──core//核心控制│└──enums//通用枚举│└──exception//... 查看详情

java——linux使用docker部署若依前后端分离版保姆级教程(代码片段)

目录一、项目规划与前置工作1.1、docker所需镜像1.2、使用工具 1.3、防火墙与安全组的配置 1.4、域名解析、备案、SSL证书的准备(可选)二、Docker和镜像安装2.1、Docker安装2.1.1、检查环境2.1.2、搭建gcc环境(gcc是编程... 查看详情

若依前后台框架,下载运行,若依系统生成代码(代码片段)

...端开发工具)git(版本管理工具)下载https://gitee.com/y_project/RuoYi-Vue2、运作方式3、后台导入,设置4、后台运 查看详情

ruoyi前后端分离式开源项目实战部署总结-环境搭建准备工作(代码片段)

《前后端分离式项目实战部署》这一系列的文章将从零讲解如何部署一个完整的开源项目。本教程是学习程序羊CodeSheep的视频《项目下载、运行、配置、构建、打包、部署:全步骤实战演示》。安利一波!!!非... 查看详情

ruoyi若依后台管理系统-学习笔记-前后端分离项目中下拉框验证失效(代码片段)

RuoYi若依前后端分离项目-下拉框验证失效BUG效果修复对比bug代码修复后治本之法代码是用若依生成的,所以起初我一直怀疑是我的表有问题,或者若依对下拉列表的验证不支持???虽然我口中默念着“这不... 查看详情

ruoyi若依后台管理系统-学习笔记-前后端分离项目中下拉框验证失效(代码片段)

RuoYi若依前后端分离项目-下拉框验证失效BUG效果修复对比bug代码修复后治本之法代码是用若依生成的,所以起初我一直怀疑是我的表有问题,或者若依对下拉列表的验证不支持???虽然我口中默念着“这不... 查看详情

若依前后端分离版本(rouyi-vue)框架使用redis集群(代码片段)

目录1、集群模式配置2、单机模式配置更改application.yml配置,注释掉redis下面的host和port,增加cluster节点及其子节点nodes,node值为以逗号分隔的多个节点配置,如ip1:port1,ip2:port2,ip3:port3,也可以用每行一个配置的形式... 查看详情

若依vue项目更改开发环境端口(代码片段)

...后端应用端口修改3、前端代理调用后端接口的端口修改Ruoyi-vue前后端分离项目,前端主要负责页面展示和转发请求,后端负责处理业务逻辑,并将处理结果返回给前端。前端对接口的转发是通过 vue.config.js文件配置&#... 查看详情

若依前后端分离代码生成修改(代码片段)

修改若依代码生成模块目标:多级目录情况下实现模块名/mvc名[controller/…]/功能名/XXXController原格式:多级目录:模块名/功能名/mvc名[controller/…]/xxxController修改共分为两部分:文件路径和模板代码中的引用路径若依代码生成配置1.修... 查看详情