使用vscode运行若依前后端分离版框架

已于 2024-03-01 17:07:47 修改
阅读量2.7k 收藏 15
点赞数 2
CC 4.0 BY-SA版权
分类专栏： 若依框架 文章标签： 前端框架 java
于 2024-03-01 16:59:49 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/AROMANTICS/article/details/136400041

1、源码下载地址

https://www.ruoyi.vip/

在这里插入图片描述

  • 前端采用Vue、Element UI。
  • 后端采用Spring Boot、Spring Security、Redis & Jwt。
  • 权限认证使用Jwt，支持多终端认证系统。
  • 支持加载动态权限菜单，多方式轻松权限控制。
    在这里插入图片描述
    下载源码

    2、使用vsocde打开

在这里插入图片描述
在打开前我们还需要配置数据库MySQL Redis
在这里插入图片描述
使用navicat
在这里插入图片描述

配置数据库连接


在这里插入图片描述
redis配置
在这里插入图片描述

运行后端


按F5运行
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
到这里后台就启动了。

运行前端


在这里插入图片描述

安装库

最低0.47元/天 解锁文章

200万优质内容无限畅学
若依框架分离版前后端部署：从0到1的实操指南
邓邓子的博客
06-14 971
本文是若依框架分离版前后端部署指南。若依框架分离版凭借前后端解耦等优势，提升了开发效率与系统维护性。文章从部署前的环境、工具准备，到后端数据库配置、Redis 配置、项目打包及上传运行，再到前端依赖安装、配置修改、打包及 Nginx 部署，均进行了详细阐述。同时，针对端口冲突、依赖安装失败、前端页面无法访问等常见问题，给出了具体解决方法。旨在帮助开发者快速、准确地完成若依框架分离版的部署，顺利开展基于该框架的开发工作。
若依前后端分离版本，Windows下使用Nginx代理的方式进行部署(全流程，图文教程)
BADAO_LIUMANG_QIZHI的博客
08-20 7348
场景 若依官网: http://doc.ruoyi.vip/ 前提： 服务器上安装Mysql，并将数据库导入，在SpringBoot中的application-druid.yml配置mysql数据库连接。 服务器安装Redis服务端，并在application.yml中配置连接。 具体可以参照： https://blog.youkuaiyun.com/BADAO_LIUMANG_QIZHI/article/details/107486313 注： 博客：https://blog.youkuaiyun.com/ba
若依前后端分离版本部署
热门推荐
peter__xu的博客
12-13 1万+
若依前后端分离版本，Windows下使用Nginx代理的方式进行部署(全流程，图文教程) 场景 若依官网: RuoYi 前提： 服务器上安装Mysql，并将数据库导入，在SpringBoot中的application-druid.yml配置mysql数据库连接。 服务器安装Redis服务端，并在application.yml中配置连接。 具体可以参照： Windows中Redis的下载安装与修改密码并启动_BADAO_LIUMANG_QIZHI的博客-优快云博客 注： 博客：BADA.
使用IDEA和VSCode中搭建若依的前后端项目
cooldream2009的博客
11-25 1807
在开发企业级应用时，RuoYi是一款非常受欢迎的后台管理系统框架，它基于Spring Boot、Spring Cloud等技术栈，前后端分离，采用Vue3作为前端框架，具有高效、可定制化、模块化等特点。在本文中，我们将详细介绍如何在IDEA中搭建RuoYi的后端项目，并在VSCode中搭建前端项目，确保你能够顺利搭建一个完整的RuoYi系统。
Windows系统下，导入运行 RuoYi-Vue3 项目
最新发布
可乐很好喝
04-29 1100
基于SpringBoot+Vue3前后端分离的Java快速开发框架。
若依前后端分离版idea和vs code运行教程
PC_is_nightmare的博客
03-04 1666
code runner和Extension Pack for Java两个插件。进入到ruoyi-ui目录下（是包含package.json的目录下）idea中运行前端任务要alt+f12打开终端。然后f5运行->选择java->选择项目。在application.yml文件中。但是我添加完没有起作用不知道为什么。要与vue-config.js中的。若依前端分离版vscode运行。1、修改数据库连接地址。vscode运行后端。
若依框架搭建-vscode（保姆级）
m0_59381422的博客
03-20 4440
若依搭建保姆级教程-vscode
超级详细的若依配置，包含nvm、nodejs，利用vscode配置前台若依
weixin_55415300的博客
10-08 6036
详细若依配置
un7.10:Vs-Code中快速搭建若依框架。
努力是为了让自己不平庸。。。
07-11 1939
如何搭建一个完整的若依框架？
根据若依前后端分离版本框架搭建一个数据管理系统，具体步骤是什么
03-08
根据若依（RuoYi）前后端分离版搭建数据管理系统的具体步骤如下（基于Spring Boot + Vue3技术栈）： 一、环境准备 1. 安装JDK 1.8+、Maven 3.6+、Node.js 14+ 2. 安装MySQL 5.7+ 和 Redis 5.0+ 3. 开发工具建议：...
【首通记录】带flowable工作流的若依（前后端分离版）项目在Windows11上部署（代码编辑使用vscode）
danqiu的博客
10-22 2434
带flowable工作流的若依（前后端分离版）项目在Windows11上部署（代码编辑使用vscode）
VScode若依前后端分离版启动教程
m0_67325488的博客
03-24 899
-经过查资料和测试，发现出现这个问题的原因是，我先把整个项目clean了，没有package，就直接运行java文件了。这样就会出现这样的问题。解决办法是，clean项目之后，要package一下，再运行java文件。双击redis-server.exe启动，没有下载先下载redis，启动成功标志如下（一段时间后redis会自动退出，重新启动一下就好了）若依框架大量使用redis作为缓存，提前启动redis可以确保系统启动时，缓存相关功能能够正常初始化。②运行若依前端项目，出现以下图片启动完成。
VSCode安装+若依前端访问
yhh的博客
05-11 3741
VSCode安装+若依前端访问 安装vscode https://code.visualstudio.com/ 安装开发vue所需插件 Vetur —— 语法高亮、智能感知、Emmet等 EsLint —— 语法纠错 Auto Close Tag —— 自动闭合HTML/XML标签 Auto Rename Tag —— 自动完成另一侧标签的同步修改 JavaScript(ES6) code snippets —— ES6语法智能提示以及快速输入 Path Intellisense —— 自动
VSCode运行前后端分离的web项目（注意：不是vue项目）
山有木兮木有枝 心悦君兮君不知
08-07 9522
第一步：输入Live Service,点击安装 第二步：点击右下角的go live 服务器启动成功，如下图： 希望这些帮助到大家^.^
若依项目的运行详细步骤
快乐学习
08-21 7243
这是是一个开源免费的项目。现在比较流行的是前后端分离的开发模式，所以来介绍里面前后端分离版本的若依这个项目的结构。。可以在这个项目的基础上面进行二次开发，是一个很不错的项目。后端步骤(ruoyi-admin) （一）导入若依的2个SQL文件 版本建议 （二）Redis的配置 （三）启动后端 前端步骤(ruoyi-ui) 版本建议 （一）vscode里面打开前端 （二）终端输入下载依赖命令 （三）启动前端 三、帮忙运行调试
若依前后端分离版开源项目学习
weixin_54106682的博客
02-27 1481
若依前后端分离版本相关业务逻辑流程学习
前后端分离项目部署
TXK的博客
10-10 1097
springboot项目和vue的前后端分离的部署
vscode 若依前后端手把手带你复现
古月哲亭
05-11 520
3。
若依项目(前后端分离)部署运行
Lxqhuifeideyu的博客
03-07 1149
方法三：使用nvm版本管理工具，管理所有不同版本的node.js，所以说有了nvm可以任意切换node.js的版本。双击运行redis-server.exe就可以启动Redis了,保持窗口不要关，关闭窗口就表示关闭服务了。直接点击右上角的zip下载即可，然后将压缩包中的项目解压到自己的目录中即可。【因为若依是使用node.js16版本，所以如果版本低或者太高可能不兼容】方法一：卸载原有的node.js，重新下载node.js兼容的版本。在新建文件夹中，单击右键，打开git终端。出现下列结果，运行成功。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值