运行若依项目(前后端分离版)
注:本文是前后端分离项目运行的演示
若依官网:http://120.79.202.7/
获取若依项目的框架文件
这里有两种办法:
1、通过gitee下载压缩包到本地
2、通过idea直接导入项目
这里博主推荐 第二种 方法,因为第一种自己下载下来解压后导入idea或者eclipse等软件后需要手动配置maven等,而直接使用idea直接导入,idea会自动配置相关项目。也更方便,所以这里用第二种方式进行演示。
首先我们打开idea:
- 我们点击上面的 “从VCS获取”。
- 注:如果你的idea打开后是之前的项目窗口,不是这样的,你可以直接选择:文件→新建→来自版本控制项目,或者:文件→关闭项目
我们在1中填入项目地址,2中选择项目创建到本地的保存地址
关于如何获取URL,如下图:
然后我们点击右下角的克隆。
然后我们会得到如下界面:
如图,左边一列就是项目文件,右下角则是idea在自动配置项目。稍微等待几秒即可配置完成。
至此,项目获取完成。
若依框架配置
若依前后端分离项目框架的配置主要是数据库的配置,Redis和MySQL。
MySQL配置
如果你还没有mysql,请参考这篇文章:https://blog.csdn.net/weixin_39289696/article/details/128850498
最好安装8.0或以上的版本。
我们打开文件 application-druid.yml 。
文件位于:项目根路径→ruoyi-admin→src→main→resources→application-druid.yml
编辑下图中两处信息,其中?前面,/ 后面的ry-vue换成自己mysql数据库的名字,下面的用户名和密码也换成自己的。
然后我们向建好的数据库导入sql文件,两个sql文件在项目根目录下的sql文件夹里。
注:这里博主建议使用Navicat运行SQL文件,不建议从控制台直接使用source命令导入,由于控制台编码等原因,在导入时候会引起1366等这类编码错误,最终导致项目运行失败
关于如何安装Navicat,请参考这篇文章:https://mp.weixin.qq.com/s/guO-JwSb-rUfEVnyi4riUg
然后我们打开Navicat,连接到这个项目的数据库,右键点击运行sql文件
然后按照下图指示,完成SQL文件导入:
看到这样就代表导入成功了,然后按照这个步骤,把另一个sql文件也导入。
至此,MySQL的配置就结束了。
Redis配置
Redis没什么好配置的,下载下来,开启服务就行。
具体可参考这篇文章:https://blog.csdn.net/weixin_44893902/article/details/123087435
运行若依前后端分离项目
首先我们要保证mysql和Redis开启了。
开启后端运行
然后我们回到IDEA,点击右上角运行。
然后稍等片刻,idea就会构建完毕并运行项目,如下图:
至此,后端成功运行。
保持后端运行,不要关闭
前端运行
在项目根目录下的ruoyi-ui文件夹下开启一个终端,或者开启一个终端进入该文件夹,如cmd,powershell等都可以。
注:尽量使用管理员模式开启终端,因为博主有次没使用管理员权限,导致下载依赖时候出错
如下图:
然后我们下载依赖,在终端输入:npm install --registry=https://registry.npmmirror.com
下载完成,如上图。
然后我们输入:
npm run dev
前端运行完成,如下:
保持前端运行,不要关闭
测试
一般来说,运行前端完成后,项目会自动打开一个网页,如果没有自动打开,你可以在浏览器输入:http://localhost:81/
我们输入验证码,登录试试。
OK,若依前后端分离项目的本地运行教程到此结束,如果你有其他报错,欢迎在评论区留言。