若依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版本,构建运行是没问题的。

相关推荐
LuckyLay7 分钟前
React百日学习计划-Grok3
前端·学习·react.js
澄江静如练_11 分钟前
小程序 存存上下滑动的页面
前端·javascript·vue.js
源码方舟18 分钟前
基于SpringBoot+Vue的房屋租赁管理系统源码包(完整版)开发实战
vue.js·spring boot·后端
互联网搬砖老肖27 分钟前
Web 架构之会话保持深度解析
前端·架构
m0_5139625330 分钟前
vue-ganttastic甘特图label标签横向滚动固定方法
javascript·vue.js·甘特图
菜鸟una34 分钟前
【taro3 + vue3 + webpack4】在微信小程序中的请求封装及使用
前端·vue.js·微信小程序·小程序·typescript·taro
Java&Develop40 分钟前
怎么查看当前vue项目,要求的node.js版本
vue.js
hao_041344 分钟前
elpis-core: 基于 Koa 实现 web 服务引擎架构设计解析
前端
松树戈1 小时前
openfeign与dubbo调用下载excel实践
vue.js·spring cloud·elementui·dubbo
码农黛兮_461 小时前
HTML、CSS 和 JavaScript 基础知识点
javascript·css·html