ruoyi-vue安装跟随公众号王清江唷
01系统环境
Java EE 8
Servlet 3.0
Apache Maven 302主框架
Spring Boot 2.2.x
Spring Framework 5.2.x
Spring Security 5.2.x03持久层
Apache MyBatis 3.5.x
Hibernate Validation 6.0.x
Alibaba Druid 1.2.x04视图层
Vue 2.6.x
Axios 0.21.x
Element 2.15.x05开发工具
IDEA 最新版的汉化版
Navicat 15
RDM 使用群文件分享的版本(连接redis工具)
1.JDK17安装
1.1下载安装
点击链接
https://www.oracle.com/java/technologies/downloads/#jdk17-windows
修改一下安装路径(注意安装路径不要有中文)
安装完成
1.2配置环境变量
搜索“环境变量”
点击上面的新建(用户变量)
变量名为JAVA_HOME,值为G:\Java\jdk-17.0.5(安装JDK选择的路径)
此时JAVA_HOME设置完毕,还需要设置Path。找到用户变量(上面的)之中的Path,双击Path
点击右边的新建,填写值:%JAVA_HOME%\bin
1.3测试
win+r 输入cmd,输入java -version查看
安装成功
2 Node.js安装
2.1 下载安装
http://nodejs.cn/download/
选择windows64位
安装,一路next
2.2测试
同样cmd,输入node -v或者npm -v
安装成功
3.下载ruoyi-vue源码
https://gitee.com/y_project/RuoYi-Vue
下载
4.IDEA安装
4.1下载安装
IDEA下载地址:https://www.jetbrains.com/zh-cn/idea/download/#section=windows
注意下载Ultimate版,功能更多
无脑下一步,在这里时可以按我这个勾选
4.2破解
跟随教程
https://zhuanlan.zhihu.com/p/577664484
教程中的工具
idea激活链接:https://pan.baidu.com/s/12M2SqZUTj9qsK7bSfjdqkw?pwd=F4q1 提取码:F4q1
亲测可用
破解完成后打开,安装汉化插件
重启后界面如下
安装完成
5.WebStrom安装
WebStrom下载地址:
https://www.jetbrains.com/zh-cn/webstorm/download/#section=windows
Webstorm永久破解激活:
破解工具网盘链接:https://pan.baidu.com/s/1Ce4DfiZz983AculNv_ZEiQ?pwd=6jee
对应破解工具的Webstorm激活码:https://chenjunan.top/img/activate/webstorm-new.txt
安装教程:https://chenjunan.top/detail/Detail?id=23
6.MySQL5.7安装
https://dev.mysql.com/downloads/windows/installer/5.7.html
下载完成后跟随教程,不要忘了配置环境变量
https://blog.csdn.net/caidykojoy/article/details/126621816
测试:
mysql -uroot -p
7 navicat 16安装
http://www.navicat.com.cn/download/navicat-for-mysql
无脑下一步,安装
安装完成后,跟随
https://blog.csdn.net/weixin_44525920/article/details/124229721
连接上后
8 maven 安装
跟随教程
https://mp.weixin.qq.com/s/12RGCYuEWa1vrwLZIN1j8Q
先添加一下环境变量(系统变量)
我的路径是这个G:\IntelliJ IDEA 2022.3.1\plugins\maven\lib\maven3\bin
测试一下
mvn -v
不行重启一下试试
测试成功后
找到.m2文件夹,先显示隐藏的文件夹
此时就可找到,放入setting.xml,效果如下
9 redis安装
教程
下载redis和RDM
先打开redis
再打开RDM
至此下载安装环节结束
10 跑后端
跟随视频
鉴于前后端都在一个项目里面,强烈推荐分离开。将“ruoyi-yi”文件夹独立出来,剪切出来和RuoYi-Vue并列。将后端导入IDEA,直接把RuoYi-Vue整个文件夹拖入IDEA图标就导入成功了。
导入成功后项目是这个样子,找到ry_20220822.xml配置数据库文件,全选复制
打开navicat
新建查询,粘贴运行
然后quartz.xml文件同理
跟着视频做就ok
记得开启redis!(运行G:\Redis-x64-3.2.100中的redis-server.exe)
测试ctrl+shift+F10
后端跑起来了,撒花✿✿ヽ(°▽°)ノ✿
跑前端
将rouyi-ui拖入idea
安装插件vue.js
安装依赖,完成后找到
前端跑通啦!!撒花✿✿ヽ(°▽°)ノ✿
如果出现系统500接口异常,检查后端是否打开了,或者网络是否异常。