注:本文是前后端分离项目运行的演示

若依官网:http://120.79.202.7/

获取若依项目的框架文件

这里有两种办法:

​ 1、通过gitee下载压缩包到本地

​ 2、通过idea直接导入项目

这里博主推荐 第二种 方法,因为第一种自己下载下来解压后导入idea或者eclipse等软件后需要手动配置maven等,而直接使用idea直接导入,idea会自动配置相关项目。也更方便,所以这里用第二种方式进行演示。

首先我们打开idea:

  • 1688625026366.png
  • 我们点击上面的 “从VCS获取”。
  • 注:如果你的idea打开后是之前的项目窗口,不是这样的,你可以直接选择:文件→新建→来自版本控制项目,或者:文件→关闭项目

1688625258673.png

我们在1中填入项目地址,2中选择项目创建到本地的保存地址

关于如何获取URL,如下图:

1688625383229.png

然后我们点击右下角的克隆。

然后我们会得到如下界面:

1688625562127.png

如图,左边一列就是项目文件,右下角则是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数据库的名字,下面的用户名和密码也换成自己的。

1688625749785.png

然后我们向建好的数据库导入sql文件,两个sql文件在项目根目录下的sql文件夹里。

注:这里博主建议使用Navicat运行SQL文件,不建议从控制台直接使用source命令导入,由于控制台编码等原因,在导入时候会引起1366等这类编码错误,最终导致项目运行失败

关于如何安装Navicat,请参考这篇文章:https://mp.weixin.qq.com/s/guO-JwSb-rUfEVnyi4riUg

然后我们打开Navicat,连接到这个项目的数据库,右键点击运行sql文件

1688626488365.png

然后按照下图指示,完成SQL文件导入:

1688626548041.png

1688626578245.png

1688626600437.png

1688626627493.png

看到这样就代表导入成功了,然后按照这个步骤,把另一个sql文件也导入。

至此,MySQL的配置就结束了。

Redis配置

Redis没什么好配置的,下载下来,开启服务就行。

具体可参考这篇文章:https://blog.csdn.net/weixin_44893902/article/details/123087435

运行若依前后端分离项目

首先我们要保证mysql和Redis开启了。

开启后端运行

然后我们回到IDEA,点击右上角运行。

1688626965912.png

然后稍等片刻,idea就会构建完毕并运行项目,如下图:

1688627043583.png

至此,后端成功运行。

保持后端运行,不要关闭

前端运行

在项目根目录下的ruoyi-ui文件夹下开启一个终端,或者开启一个终端进入该文件夹,如cmd,powershell等都可以。

注:尽量使用管理员模式开启终端,因为博主有次没使用管理员权限,导致下载依赖时候出错

如下图:

1688627249636.png

然后我们下载依赖,在终端输入:npm install --registry=https://registry.npmmirror.com

1688627353875.png

下载完成,如上图。

然后我们输入:

npm run dev

前端运行完成,如下:

1688627451286.png

保持前端运行,不要关闭

测试

一般来说,运行前端完成后,项目会自动打开一个网页,如果没有自动打开,你可以在浏览器输入:http://localhost:81/

1688627575085.png

我们输入验证码,登录试试。

1688627609490.png

OK,若依前后端分离项目的本地运行教程到此结束,如果你有其他报错,欢迎在评论区留言。