RuoYi-Vue3搭建
前言
介绍基于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 |
至此,若依项目搭建完毕。
后记
之前一直听说若依,但从没动手试过,昨晚突然想玩一玩,顺便记录一下。
(要是本科就用若依,各个课程设计分分钟搞定)
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 花猪のBlog!
评论
TwikooWaline