IDEA导入并启动若依项目步骤(SpringBoot+Vue3)

1.下载后端项目

项目地址:https://gitee.com/y_project/RuoYi-Vue

复制命令,将项目克隆到本地

java 复制代码
git clone [email protected]:y_project/RuoYi-Vue.git

使用IDEA打开(会有点慢,耐心等待),打开后如下

2.Mysql导入与配置

点开sql这个包

在Navicat中运行下边的两个sql文件,运行后生成的表如下

修改数据库连接,改为本地的数据库(我这里是mysql8)

java 复制代码
master:
    url: jdbc:mysql://localhost:3306/ruoyi-vue?useUnicode=true&characterEncoding=utf8&zeroDateTimeBehavior=convertToNull&useSSL=false&serverTimezone=Asia/Shanghai&allowPublicKeyRetrieval=true
    username: root
    password: password

3.启动Redis

(这里是我用的命令,请根据实际情况更改

java 复制代码
 D:\redis\redis-server.exe redis.windows.conf

4.启动后端项目

后端运行成功可以通过(http://localhost:8080)访问,但是不会出现静态页面,可以继续参考下面步骤部署前端,然后通过前端地址来访问。

此时访问到的界面如下

5.下载前端项目

项目地址:https://gitee.com/ys-gitee/RuoYi-Vue3

java 复制代码
git clone [email protected]:ys-gitee/RuoYi-Vue3.git

下载好后,用VSCode打开该项目

6.运行前端项目

在vscode终端中输入以下命令:

java 复制代码
# 安装依赖
npm install

# 建议不要直接使用 cnpm 安装依赖,会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npmmirror.com

# 启动服务
npm run dev

访问http://localhost/80

界面如下

输入验证码后就可以成功登录啦

相关推荐
卓怡学长6 分钟前
w304基于HTML5的民谣网站的设计与实现
java·前端·数据库·spring boot·spring·html5
YONG823_API13 分钟前
深度探究获取淘宝商品数据的途径|API接口|批量自动化采集商品数据
java·前端·自动化
冰^25 分钟前
MySQL VS SQL Server:优缺点全解析
数据库·数据仓库·redis·sql·mysql·json·数据库开发
yzhSWJ29 分钟前
Spring Boot中自定义404异常处理问题学习笔记
java·javascript
盖世英雄酱5813639 分钟前
分布式ID所有生成方案
java·后端
敖云岚1 小时前
【AI】SpringAI 第五弹:接入千帆大模型
java·大数据·人工智能·spring boot·后端
桦说编程1 小时前
CompletableFuture典型错误 -- 代码出自某大厂
java·后端·响应式编程
root666/1 小时前
【大数据技术-联邦集群RBF】DFSRouter日志一直打印修改Membership为EXPIRED状态的日志分析
java·大数据·hadoop