开源项目学习:若依RuoYi-Vue后台管理系统【项目运行】
开源项目学习-文章目录第一章 环境搭建第二章 项目运行第三章 阅读源码:登录、用户增删改查接口文章目录开源项目学习-文章目录前言一、从Gitee克隆项目代码1.注册gitee2.搜开源3.idea+git克隆项目代码4.vscode打开前端项目5.Navicat建数据库二、项目配置及运行1.数据库配置修改2.启动Redis服务3.后端项目运行4.前端项目运行总结前言本文尽量贴近零基础入门,献给初入
开源项目学习-文章目录
第一章 环境搭建
第二章 项目运行
第三章 阅读源码:例子-新增用户接口
第四章 基于ruoyi-vue开发新项目
文章目录
前言
本文尽量贴近零基础入门,献给初入门的学弟学妹们!
文章基本流程:环境配置→运行项目→阅读源码
第二篇主要是项目运行
一、从Gitee克隆项目代码
1.注册gitee
https://gitee.com/signup
选择其他登陆方式→更多→可以用微信扫码注册登录
2.搜开源
导航栏 → 搜开源 → 搜 若依 / RuoYi-Vue → 克隆/下载 → 复制链接
3.idea+git克隆项目代码
打开idea → 导航栏中的VCS → Git → clone(克隆)→ 点击下方克隆
如出现报错,点击右方导航栏里的maven → 重新加载
在这里建议大家安装这两个插件,一个是汉化(看个人英语水平),一个是Lombok(必备)
导航栏File(文件)→ setting → Plugins
4.vscode打开前端项目
打开vscode → File(文件)→ 打开文件夹 →选择RuoYi-Vue目录下的ruoyi-ui
vscode也需要安装扩展:
左边导航栏第5个图标即扩展 →搜 Vetur
5.Navicat建数据库
打开navicat → 连接MySQL → 双击连接可以展开 → 右键连接 → 新建数据库ry-vue
双击数据库ry-vue可以展开 → 右键ry-vue → 运行SQL文件 → RuoYi-Vue目录下sql文件夹 → 选择ry_xxx.sql → 点击开始
补充内容:quartz.sql文件操作同上
右键连接刷新 → 双击ry-vue展开 → 表 (里面有表说明数据已经导入了)
二、项目配置及运行
1.数据库配置修改
2.启动Redis服务
我的上一篇博客有启动流程~
文章:环境搭建-Redis
3.后端项目运行
回到idea
4.前端项目运行
回到vscode → 项目文件拉到最下面找到README.MD → 新建终端
复制npm install --registry=https://registry.npmmirror.com
命令到终端 → 回车
等待安装完成后 → 复制npm run dev
→ 回车
此时浏览器会自动打开页面 → 输入验证码登录系统即可
总结
至此,后台管理项目前后端都已经运行起来了,下一篇主要跟着大家一起学习功能接口的代码!
直通车~
第一章 环境搭建
第二章 项目运行
第三章 阅读源码:例子-新增用户接口
第四章 基于ruoyi-vue开发新项目
更多推荐
所有评论(0)