保姆级若依前后端分离配置教程

1、下载若依框架代码
进入若依官网,选择源码地址,然后选择RuoYi-Vue前端分离版本,这个版本是由SpringBoot + Vue进行前后端分离开发的。

点击之后进入到gitee,点击 “克隆/下载”,选择下载方式,可以实用git命令进行git克隆,也可以直接选择下载zip,这里推荐新手就下载zip就可以了。


2、环境配置
下载好之后直接使用idea打开项目,目录结构如下:

进入pom.xml,使用maven刷新下载依赖。然后等待下载即可。

在idea进行下载的同时,我们在使用vscode或者任意前端开发工具打开ruoyi-ui.

ruoyi-ui目录结构如下:

打开vscode控制台,输入npm i,进行全局安装,会自动将本项目所需要的配置文件下载。

注明:idea中的端口号要与vs中保持一致,我的就都是8083

3、项目启动

在项目启动之前,我们现需要先连接自己的数据库,创一个新的schema用来存放后面的表单

找到sql文件夹下的的run sql,分别运行两个sql文件,将sql文件导入进我们自己的数据库。

指向刚刚创立的ry schema

对配置文件进行修改,并打开特定应用,这里我们先打开ruoyi-admin模块下的application-druid.yml,将数据库链接地址和用户名密码更改为我们自己的

接下来打开redis:可看这个教程https://blog.csdn.net/weixin_44893902/article/details/123087435

注意redis中conf文件的更改,不然有可能出现验证码无法显示的问题

接下来就可以运行程序了,后端通过ruoyi-admin模块下的启动类进行运行。

出现以下页面即为成功

前端通过npm run dev 运行,结果如下

  • 7
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值