若依框架是一个非常优秀的,专为开发人员设计,来提高我们的代码开发效率。它分为好几个版本,可以满足不同的开发需求(如Springboot+vue,Springboot+cloud)等等,本篇文章以springboot+vue版本为大家进行演示:
在gitee上面就是springboot+vue版本,我们直接复制其地址:https://gitee.com/y_project/RuoYi-Vue.git
搭建后端环境
在idea里面直接clone,点击Get from VCS,把地址复制在这里
等待拉取完成,配置数据库信息,(用户名、密码等)创建名为ruoyi-vue的数据库,运行sql文件
运行完成之后我们数据库里多了30张表
我们可以在ruoyi-admin/application.yml中修改端口信息,之后启动redis服务,运行ruoyi-admin/RuoYiApplication,如图表示成功:
搭建前端环境:
首先确保我们的电脑中已经配置了node环境并把镜像切换到了淘宝
从刚刚idea中clone的项目中ruoyi-ui为前端环境,首先把位置定位到刚刚clone的RuoYi-Vue文件架,window+R,cmd打开命令提示符窗口,输入code ./ruoyi-ui
vscode自动为我们打开了该环境,新建终端输入npm install,等待所需要的包下载好;接着输入
npm run dev
打开网址:
输入验证码即可成功登录