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

相关推荐
DT——1 小时前
Vite项目中eslint的简单配置
前端·javascript·代码规范
qq_35323353892 小时前
【原创】java+springboot+mysql科研成果管理系统设计与实现
java·spring boot·mysql·mvc·web
一只小阿乐3 小时前
前端web端项目运行的时候没有ip访问地址
vue.js·vue·vue3·web端
计算机学姐4 小时前
基于python+django+vue的旅游网站系统
开发语言·vue.js·python·mysql·django·旅游·web3.py
真的很上进4 小时前
【Git必看系列】—— Git巨好用的神器之git stash篇
java·前端·javascript·数据结构·git·react.js
qq_278063714 小时前
css scrollbar-width: none 隐藏默认滚动条
开发语言·前端·javascript
.ccl4 小时前
web开发 之 HTML、CSS、JavaScript、以及JavaScript的高级框架Vue(学习版2)
前端·javascript·vue.js
小徐不会写代码4 小时前
vue 实现tab菜单切换
前端·javascript·vue.js
2301_765347544 小时前
Vue3 Day7-全局组件、指令以及pinia
前端·javascript·vue.js
喝旺仔la4 小时前
VSCode的使用
java·开发语言·javascript