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.运行效果

相关推荐
weixin_422555424 小时前
el-menu子菜单点击就被激活,恢复之前的激活状态
javascript·vue.js·elementui
苏生Susheng4 小时前
【软件实施】Windows 服务器运维实战
java·运维·服务器·windows·spring boot·javaweb·实施
Tanjia_kiki6 小时前
谷歌浏览器中F12编辑并重发请求
开发语言·前端·javascript
honkun67 小时前
vue 表格组件 vxe-table 实现拖拽列字段自动生成透视表汇总
前端·javascript·vue.js
学长毕业设计7 小时前
基于SpringBoot的健康食谱管理系统的设计与实现(源码+文档+讲解视频)
java·spring boot·后端
IMPYLH7 小时前
HTML 的 <p> 元素
前端·javascript·html
leoZ2317 小时前
第 4 篇:布局骨架——页面壳、栅格、卡片
前端·javascript·vue.js·opencv·计算机视觉·数据挖掘·语音识别
何以解忧,唯有..7 小时前
Vue 3 模板语法详解:从插值到指令的完整指南
前端·javascript·vue.js
EasyGBS7 小时前
从接入到稳定播放:无插件直播H5视频流媒体播放器EasyPlayer.js如何撑起Web端流媒体
开发语言·前端·javascript