前言

介绍基于SpringBoot+Vue3前后端分离的若依项目搭建

环境依赖：

  • JDK：1.8
  • MySQL：8
  • Redis：5.0.14.1
  • Maven：3.9.8
  • Node：16.20.2

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

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

（分别从仓库下拉到本地）

项目搭建

SpringBoot

使用IntelliJ IDEA打开SpringBoot项目，利用Maven导入相应的jar包

项目目录如下：

MySQL

使用Navicat连接MySQL，创建一个名为ruoyi-vue的数据库。并执行sql目录下的两个sql文件：

  • .\Project\sql\quartz.sql
  • .\Project\sql\ry_20240529.sql

正常导入后，应该有30个表。

注意：原项目中application-druid.yml中的数据库命名默认为：ry-vue

如果要另外命名，则需要在.\Project\ruoyi-admin\src\main\resources\application-druid.yml中相应的修改。

Redis

进入到Redis的目录下打开终端，输入以下命令启动Redis：

1
redis-server.exe redis.windows.conf

回到SpringBoot项目中，找到.\Project\ruoyi-admin\src\main\java\com\ruoyi\RuoYiApplication.java，点击启动项目

Vue3

使用VSCode打开Vue3项目，项目目录如下：

开启终端，输入以下命令安装依赖：

1
npm install

再输入以下命令启动项目：

1
npm run dev

至此，若依项目搭建完毕。

后记

之前一直听说若依，但从没动手试过，昨晚突然想玩一玩，顺便记录一下。

（要是本科就用若依，各个课程设计分分钟搞定）