前言

介绍基于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

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


后记

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

(要是本科就用若依,各个课程设计分分钟搞定)