若依框架前后端分离版本的配置与运行
场景
RuoYi-Vue是一款基于SpringBoot+Vue的前后端分离极速后台开发框架。
RuoYi 官网地址:http://ruoyi.vip
RuoYi 在线文档:http://doc.ruoyi.vip
RuoYi 源码下载:https://gitee.com/y_project/RuoYi-Vue
RuoYi 在线提问:https://gitee.com/y_project/RuoYi-Vue/issues
RuoYi 博客:https://www.oschina.net/p/ruoyi
个人环境配置
JDK => 1.8.0
MySQL => 5.7.36
Redis => 5.0.14.1
Node => 14.17.6
npm => 7.24.1
Java IDE => IDEA
数据库管理系统 => DataGrip
运行步骤
1.打开项目
从官网上直接下载源码,解压后用IDEA打开,IDEA会安装一些需要的环境和插件,等待一会儿即可
2.修改配置文件
首先打开/ruoyi-admin/src/main/resources目录下的application.yml文件,将服务器的HTTP端口修改为其他的、不被占用的端口(这点非常重要!!!否则将导致登录页面验证码显示不出来且出现404异常错误!!!)
接下来打开同一目录下的application-druid.yml文件,将MySQL数据库用户名和密码修改成自己的
3.启动Redis服务器
解压后在文件夹目录下打开cmd窗口,输入redis-server.exe redis.windows.conf即可启动Redis服务器
默认情况下Redis是没有设置密码的,如果你给Redis设置了密码的话,则需要修改application.yml中的配置数据
4.创建MySQL数据库
由于我们在application.yml中写的数据库名称为ry-vue,所以新建的数据库名字就叫ry-vue
这边需要注意的是要把字符集设置为utf8,否则插入中文数据的时候会报错
新建完之后运行若依框架给的两个SQL脚本,先运行ry_20210908.sql再运行quartz.sql
5.启动后端项目
在开启了MySQL服务和Redis服务器之后,我们运行/ruoyi-admin/src/main/java目录下的RuoYiApplication.java文件即可启动后端项目
6.启动前端项目
首先在IDEA中打开终端,进入ruoyi-ui目录,第一次启动需要安装依赖,输入以下命令即可
npm install —registry=https://registry.npm.taobao.org
然后在当前目录下输入npm run dev即可(需要提前安装好node和npm!!!)
官方文档中也给出了启动方法
运行完成后会跳出登陆页面,看到这个页面就说明已经若依已经启动成功啦