Ruoyi前后端分离式开源项目实战部署总结-本地部署测试

Posted 2021-08-31 hequnwang10

前两篇主要根据程序羊的视频教程做了服务器的部署。这篇文章主要介绍如何将Ruoyi前后端分离项目在本地跑起来，进行学习。

一、前端

1、vscode打开UI前端代码

这里我们使用vscode这个软件进行开发

1. 首先创建一个目录和工作区。在这里我在任意一个地方创建了一个新的文件夹，然后使用vscode打开这个文件夹。vscode本身没有新建项目的选项，所以要先创建一个空的文件夹，如project_xxxx。 然后打开vscode，再在vscode里面选择 File -> Open Folder 打开文件夹，这样才可以创建项目。
2. 保存工作区：打开文件夹后，选择“文件 -> 将工作区另存为…”，为工作区文件起一个名字，存储在刚才的文件夹下即可
   
3. 将下载好的ruoyi-ui这个前端文件复制到这个文件夹下。
   

2、npm安装依赖

右键点击这个文件夹，在集成终端打开

1. 然后我们输入代码

npm install

这个时候就会下载一些包，等待下载完成就可以了。
2. 运行改项目

npm run dev

然后前端界面就打开了！

二、后端

打开ruoyi后端代码

1、修改数据库application-druid.yml配置

application-druid.yml

 druid:
            # 主库数据源
            master:
                url: jdbc:mysql://localhost:3306/ry-vue?useUnicode=true&characterEncoding=utf8&zeroDateTimeBehavior=convertToNull&useSSL=false&serverTimezone=GMT%2B8
                username: root
                password: 123456

这里配置改为本地，并且在本地创建ry-vue数据库，建表文件若依提供了

运行这两个文件就可以了。用户名密码改为自己的。

2、修改redis配置

application.yml
这里我有redis，改成自己的了。

3、logback.xml日志文件

这里我在改目录下创建了logs文件夹。你们自行选择在位置创建。

<property name="log.path" value="E:\\\\springboot\\\\RuoyiProjectLocalhost\\\\logs" />

这样就可以启动这个项目了。如果redis没有配置好，是没有验证码的。所以要配置好redis。


这样该项目就在本地跑起来了，就可以进行测试学习阅读源码了！！