1.RuoYi-Vue前后端分离版本启动

1.代码下载

去若依官网,选择RuoYI前后端分离版:

下载地址:https://gitee.com/y_project/RuoYi-Vue

2.依赖环境的部署

1.Mysql

2.Redis安装部署 : https://blog.csdn.net/qq_27860623/article/details/132168382

3.Idea打开后端服务

用Idea打开后端的服务RuoYi-Vue-master,修改相关的配置,

修改文件RuoYi-Vue-master\ruoyi-admin\src\main\resources 里面的

application.yml 文件,修改Redis的连接配置host 为redis的服务地址

修改RuoYi-Vue-master\ruoyi-admin\src\main\resources 里面的

application-druid.yml 文件的数据库配置

4.启动后端

将项目的JDK和Maven配置完之后,就可以启动后端服务项目了。

配置JDK和Maven可以查看这篇文章:
https://blog.csdn.net/qq_27860623/article/details/131635606

启动后打开地址(看Swagger的版本选择地址):

http://localhost:8080/swagger-ui/index.html

或者

http://localhost:8080/swagger-ui.html

5.VSCode打开前端

注意Node的版本,最新的Node版本若依不一定支持。

用VSCode 打开 ruoyi-ui,打开终端 进入目录

RuoYi-Vue-master\RuoYi-Vue-master\ruoyi-ui

输入指令:npm install (首次运行前安装需要的依赖组件)

安装完之后启动前端程序: npm run dev

6.运行效果

相关推荐
Irene199113 分钟前
Python 学习途径,从熟悉的 JavaScript 过渡到 Python
javascript·python
凯强同学16 分钟前
不上班,想裸辞,可以不可以?
服务器·前端·javascript
Z_Wonderful17 分钟前
Qiankun 微前端(React+Vue)基础速通webpack
前端·vue.js·react.js
时寒的笔记21 分钟前
js逆向_webpack之cai兴网
javascript
史迪仔011223 分钟前
[QML] Popup 与 Dialog
开发语言·前端·javascript·c++·qt
喝汽水的猫^25 分钟前
Spring Boot + RabbitMQ 实战:消息可靠投递+防重复消费(可直接落地)
spring boot·rabbitmq·java-rabbitmq
nujnewnehc5 小时前
ps, ai, ae插件都可以用html和js开发了
前端·javascript
前端摸鱼匠9 小时前
Vue 3 的defineEmits编译器宏:详解<script setup>中defineEmits的使用
前端·javascript·vue.js·前端框架·ecmascript
徐小夕10 小时前
我花一天时间Vibe Coding的开源AI工具,一键检测你的电脑能跑哪些AI大模型
前端·javascript·github
英俊潇洒美少年10 小时前
Vue3 企业级封装:useEventListener + 终极版 BaseEcharts 组件
前端·javascript·vue.js