若依vue plus环境搭建

继前面文章若依系统环境搭建记录-CSDN博客

把ruoyi vue plus也摸索了下。

作者是疯狂的狮子,dromara/RuoYi-Vue-Plus

初始化文档:项目初始化,环境搭建的视频:RuoYi-Vue-Plus 5.0 搭建与运行_哔哩哔哩_bilibili

上来就列出了一堆配置列表,搞的人有点懵:

  • openjdk-17/21 或 graalvm-community-jdk-17/21 下载地址 版本
  • mysql 5.7 8.0 (其他版本未测试 如其他版本没问题 可以告知咱们)
  • oracle >= 12c (其他版本未测试 如其他版本没问题 可以告知咱们)
  • postgres 13 14 15 (其他版本未测试 如其他版本没问题 可以告知咱们)
  • sqlserver 2017 2019 (其他版本未测试 如其他版本没问题 可以告知咱们)
  • redis 6.X 7.X 由于框架大量使用了redis特性 版本必须 >= 6.X (win redis 下载地址)
  • minio 本地文件存储 或 阿里云 腾讯云 七牛云等一切支持S3协议的云存储
  • maven >= 3.8.X
  • nodejs >= 18.18 (其他版本未测试 如其他版本没问题 可以告知咱们)
  • npm >= 8.X (7.X确认有问题)
  • idea 版本避坑指南 看下面:
  • 2023(全系列不要用 bug太多说不过来)
  • 2024.1/2024.2(maven插件无法刷新依赖)
  • 目前推荐使用 2024.3

graalvm是什么东西?看视频里说按照文档一步步安装即可。

我专门到graalvm官网查了下,哦,一个新技术啊,说是一个可以把java程序打包为二进制文件,从而更加方便部署。然后就是需要安装vc build tool相关的一堆东东,又占用了好多磁盘空间。找相关视频也学习了下。

搞了半天,再往下看,后面压根没有用到这个新技术。其实就是把graalvm当作jdk来用,😖。

再往下,什么情况,oracle、postgres、sqlserver都要安装,赶紧往下看了看,原来是数据库选择性安装。基于前面配置ruoyi vue环境的经验,估计是只要mysql和redis就行。看了下文档后面的描述,以及工程xml里的配置,确实和ruoyi vue工程差不多。

就是redis的版本要求比较高。

我在搞ruoyi vue环境时,从csdn下载的redis版本是3.2.1,版本太低,需要换一个。

让后redis推荐下载的链接基本都是github,这对于我这种基本不翻墙的,就有些为难了。最后终于是在gitee上找到了一个百度网盘分享的redis 5.0版本。配置方法和3.2.1一样,在.conf文件里打开密码配置:requirepass ******(******就是你的密码)

5.0够不够呢,按照网上其他文章的说法,是够了的。

项目工程里,在ruoyi-admin\src\main\resources\application-dev.yml里配置mysql和redis,方法和ruoyi vue工程一样。

然后编译器推荐使用idea 2024.3.版本,说是其他版本bug太多。

我看了下这个文档的日期,实际上已经太旧了。比如jdk推荐是17,而graalvm已经不提供windows下17版本的下载了,最低的graalvm版本是21。

这里注意根目录下的pom.xml里的<java.version>21</java.version>需要对应调整。

至于idea版本,现在已经2025了。

前面ruoyi vue推荐使用eclipse导入工程,现在ruoyi vue plus推荐使用idea导入工程。看起来两个工程完全不一样,开发模式都变了很多。

实际上,都是maven + springboot、nodejs,编译器只是一个工具。

所以我还是使用vscode来编写代码,用命令行来构建,因为我经常切换工程,不想为了一个新项目,就装一个新的编译器。另外maven的命令行挺好用的。有一句老话说的,不会用命令行的不是好程序员。

命令行构建方法也和ruoyi vue工程类似。

首先配置ruoyi-admin下的pom.xml,增加configuration配置。

根目录使用命令:

mvn clean install

第一次构建时间比较长,会同步很多包。

成功后,执行:

java -jar ruoyi-admin\target\ruoyi-admin.jar

则后台成功启动。

再去下载一份前台代码,ruoyi vue plus项目把前台代码独立出去了。

官方前端项目地址: plus-ui

成员前端项目地址: 基于vben5 ruoyi-plus-vben5

我使用了官方前端。

老的玩法:

npm i

npm run dev

需要注意下npm版本,太旧了不行。

如果npm版本混用,导致install失败,则需要删除:node_modules目录和package-lock.json文件。

package-lock.json是在install完成后出现的,如果npm i安装的包是混合了几个不同版本,即是下载完成,也是无法使用的,这个package-lock.json文件相当于做了一个锁定。只有删除它,才能真正重新下载安装。这个记录下,也是试出来的。

我用最新的23.8.0版本,构建运行是没问题的。

相关推荐
中微子21 分钟前
React状态管理最佳实践
前端
烛阴30 分钟前
void 0 的奥秘:解锁 JavaScript 中 undefined 的正确打开方式
前端·javascript
中微子37 分钟前
JavaScript 事件与 React 合成事件完全指南:从入门到精通
前端
Hexene...1 小时前
【前端Vue】如何实现echarts图表根据父元素宽度自适应大小
前端·vue.js·echarts
初遇你时动了情1 小时前
腾讯地图 vue3 使用 封装 地图组件
javascript·vue.js·腾讯地图
dssxyz1 小时前
uniapp打包微信小程序主包过大问题_uniapp 微信小程序时主包太大和vendor.js过大
javascript·微信小程序·uni-app
华子w9089258591 小时前
基于 SpringBoot+VueJS 的农产品研究报告管理系统设计与实现
vue.js·spring boot·后端
天天扭码1 小时前
《很全面的前端面试题》——HTML篇
前端·面试·html
xw51 小时前
我犯了错,我于是为我的uni-app项目引入环境标志
前端·uni-app
!win !1 小时前
被老板怼后,我为uni-app项目引入环境标志
前端·小程序·uni-app