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

1.下载后端项目

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

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

java 复制代码
git clone git@gitee.com: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 git@gitee.com: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

界面如下

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

相关推荐
m0_748233649 分钟前
C++与Python:内存管理与指针的对比
java·c++·python
软件20527 分钟前
【JDK、JRE、JVM】
java·开发语言·jvm
IT教程资源C33 分钟前
(N_156)基于springboot,vue小区物业管理系统
mysql·vue3·前后端分离·springboot小区物业
m0_7482554137 分钟前
TailwindCSS vs UnoCSS 性能深度对决:究竟快多少?
java
薛家明39 分钟前
easy-query暴打efcore(包括其他所有orm),隐式Group看我如何在子查询做到极致的性能天花板
java·orm·efcore·easy-query·entityframeworkcore·dotnetcore
江拥羡橙40 分钟前
css实现拼图样式,响应不同屏幕宽度
vue·less·css3·html5·1024程序员节·calc
半路_出家ren1 小时前
MySQL数据库,DDL,DML,查询,权限,主从复制
数据库·mysql·主从复制·权限·ddl·dml
运维成长记1 小时前
Mysql的数据备份和高可用
数据库·mysql
wudl55661 小时前
JDK 21 API增强详解
java·开发语言·windows
学习编程的Kitty1 小时前
JavaEE初阶——多线程(3)线程安全
java·开发语言·jvm