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

相关推荐
CF14年老兵20 分钟前
5 个最佳工具,可立即从代码生成 API 文档
前端·后端·api
♡喜欢做梦26 分钟前
HTML 与 CSS:从 “认识标签” 到 “美化页面” 的入门指南
前端·html
前端小巷子35 分钟前
Vue脚手架模式与环境变量
前端·vue.js·面试
CF14年老兵40 分钟前
99% 的前端开发者忽略了这个 React 性能利器
前端·react.js·trae
麓殇⊙3 小时前
redis--黑马点评--用户签到模块详解
前端·数据库·redis
大雷神4 小时前
站在JS的角度,看鸿蒙中的ArkTs
开发语言·前端·javascript·harmonyos
Bdygsl5 小时前
前端开发:JavaScript(3)—— 选择与循环
开发语言·javascript·ecmascript
杨荧9 小时前
基于大数据的美食视频播放数据可视化系统 Python+Django+Vue.js
大数据·前端·javascript·vue.js·spring boot·后端·python
cmdyu_10 小时前
如何解决用阿里云效流水线持续集成部署Nuxt静态应用时流程卡住,进行不下去的问题
前端·经验分享·ci/cd
WordPress学习笔记10 小时前
根据浏览器语言判断wordpress访问不同语言的站点
前端·javascript·html