简介
RuoYi-Vue: 🎉 基于SpringBoot,Spring Security,JWT,Vue & Element 的前后端分离权限管理系统,同时提供了 Vue3 的版本( 官网:https://www.ruoyi.vip/)
基础:Spring boot +Vue
环境:JDK1.8 Mysql Redis Maven Vue
下载源码
下载地址:https://gitee.com/y_project/RuoYi-Vue
可以复制HTTPS路径打开idea克隆,也下载zip文件解压导入。
我下载了zip,后端部分用idea打开,前端用VScode
运行准备
1.先用idea打开解压的代码文件夹
打开后,看到文件目录,主要会用到的是 后端ruoyi-admin 以及 前端ruoyi-ui。(其他都是服务rouyi开头命名的都是用于服务ruoyi-admin)
2.找到文件夹中的SQL文件,在MySQL中运行
我是ctrlC+V到MySQL中运行,注意要先选中进入数据库,再执行SQL
选中数据库
① USE 数据库名
②在左侧边栏双击数据库名,对应数据库名变为加粗加黑字体即为选中
执行SQL:点击
有数字下标的闪电只会执行当前鼠标所在行的SQL语句
没有数字下标的闪电会执行当前SQL文件中的所有SQL语句
注意!两个SQL文件都要执行,否则在后面运行后端代码时会报错:
Cause: java.sql.SQLSyntaxErrorException: Table 'zmt_db.sys_config' doesn't exist
3.配置idea中数据库信息
如若采用本地数据库,只需修改数据库名以及用户账号和密码(对应下图圈中内容)
若要访问其他主机,还需要将localhost改为对应IP地址
4.安装Redis
下载链接:https://github.com/tporadowski/redis/releases
下载之后,解压文件,在Redis目录下打开cmd,输入命令以下运行Redis
redis-server.exe redis.windows.conf
在指定目录下打开cmd
①在文件路径中输入cmd并回车
②win+R,输入cmd并回车,cd目标路径
可能出现的问题:启动redis失败 Could not create server TCP listening socket 127.0.0.1:6379: bind: 操作成功
解决方法:
redis-cli.exe # 进入客户端
shutdown # 关闭该redis服务
exit # 退出
redis-server.exe redis.windows.conf # 重新启动reids 服务
感谢参考自:启动redis失败 Could not create server TCP listening socket 127.0.0.1:6379: bind: 操作成功_redis_宠乖仪-华为云开发者联盟
运行成功如下所示:
注意!此页面不能关闭,否则Redis服务会暂停,最终会导致项目运行中断
运行后端代码
run文件 RuoYiApplication
出现如下RY图标为运行成功(只有永无BUG佛不算运行成功)
运行前端代码
用VScode打开文件夹 ruoyi-ui
新建终端,输入如下命令下载依赖
npm install
下载完成后输入如下命令开始运行
npm run dev
如下图为运行成功,按住Ctrl键点击下图位置链接,打开浏览器预览效果
运行成功!
用户名与密码均为默认(用户名admin 密码admin123)
输入验证码进入页面