注意
- 首先需要注意若依有基础版、分离版、微服务版以及其他,如下图所示,我们既然下载的是若依前后端分离版https://gitee.com/y_project/RuoYi-Vue,那么我们就应该对照分离版的说明文档进行配置。
分离版左边的“文档”对应的是前后端不分离的若依基础版说明文档,我一开始没搞清楚,就属于白费力气了
准备
其中,我采用的JDK是1.8版本,MySQL是5.7版本,Redis是2.4.5(本机上已经安装的就没改了),Maven是IDEA默认的版本3.0,Node是12.16版本
步骤
- 基本按照官方说明文档走http://doc.ruoyi.vip/ruoyi-vue/document/hjbs.html
- 可以参考视频https://www.bilibili.com/video/av70576692/,起了很大帮助
- 总结来说:idea把后端跑起来,redis跑起来,vscode把前端node跑起来,然后在浏览器访问http://localhost:80即可
补充
- 第一点,虽然准备中没有提到使用Navicat来操作MySQL,但是用了MySQL,可以使操作更加方便,使你的注意力保持在必要的东西上面。Navicat premium可以试用14天,nice!
- 在后端代码跑起来时,务必记得运行redis的服务端程序,即redis-server.exe。这个与登录页面的验证码密切相关,不然会出错。
- 如下图所示,端口号3306是MySQL默认的端口,后面跟着的
ry_vue
是数据库的名称,这个得注意。账号密码是数据库的用户及密码,参见Navicat中数据库ry_vue的用户共有4个,应该是随便填一个都成(bluthleee和root试过,其他两个没试过)。
- 关于前后端代码中端口号要不要改变,可以通过
netstat -ano
cmd 命令查看端口占用情况。如果在我们跑代码之前,比如说本项目中的80端口没有被占用,那么也就无需更改了。参见Window平台下通过cmd命令查看端口占用、查看进程、结束进程 - 还有一个问题是在若依登录界面,输入验证码后,弹出
javax/xml/bind/DatatypeConverte
报错信息,经过https://www.cnblogs.com/yangshixiong/p/12447516.html
https://blog.csdn.net/Aria_Miazzy/article/details/102731180
确定了是缺少包 javax.xml.bind:jaxb-api,在pom.xml中添加以下maven依赖即可(记得待依赖全部加载完,重启后端项目才生效)
- 用vscode打开终端,输入
npm run dev
即可启动项目,第一个地址本机用,第二个地址可以使得在同一局域网下的终端设备访问若依
后言
感谢这些大佬开源出这些个项目,让我等小菜鸡可以学一点东西,谢谢!