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

相关推荐
2501_915918411 小时前
Web 前端可视化开发工具对比 低代码平台、可视化搭建工具、前端可视化编辑器与在线可视化开发环境的实战分析
前端·低代码·ios·小程序·uni-app·编辑器·iphone
程序员的世界你不懂2 小时前
【Flask】测试平台开发,新增说明书编写和展示功能 第二十三篇
java·前端·数据库
索迪迈科技2 小时前
网络请求库——Axios库深度解析
前端·网络·vue.js·北京百思可瑞教育·百思可瑞教育
gnip2 小时前
JavaScript二叉树相关概念
前端
一朵梨花压海棠go3 小时前
html+js实现表格本地筛选
开发语言·javascript·html·ecmascript
attitude.x3 小时前
PyTorch 动态图的灵活性与实用技巧
前端·人工智能·深度学习
β添砖java3 小时前
CSS3核心技术
前端·css·css3
空山新雨(大队长)3 小时前
HTML第八课:HTML4和HTML5的区别
前端·html·html5
猫头虎-前端技术4 小时前
浏览器兼容性问题全解:CSS 前缀、Grid/Flex 布局兼容方案与跨浏览器调试技巧
前端·css·node.js·bootstrap·ecmascript·css3·媒体