若依框架入门(前后端分离版本)

本文已参与「新人创作礼」活动,一起开启掘金创作之路。 ​

 一 若依下载以及配置启动

学习基础:Springboot Vue

环境要求:JDK1.8+ MySQL Redis Maven Vue

下载地址:若依官网

​编辑

 ​编辑

ruoyi- ui为前端部分其余为后端部分,主要服务与ruoyi-admin文件夹

下载步骤:复制路径打开idea克隆即可

​编辑

https://gitee.com/y_project/RuoYi-Vue.git

​编辑

 ​编辑

 ​编辑

 因为是分离版本我们除了启动后端部分外还要启动前端部分

当然我们也可以使用idea分别打开前后端部分这里就不列举了

在打开前我们还需要配置数据库MySQL Redis

​编辑

 ​编辑

 启动之前先引入数据库,打开官网sql文件下载​编辑

 这里补充说明看到有小伙伴说navicat没有执行成功...

​编辑

 可能是打开方式不对

如何使用Navicat执行SQL文件

关键步骤

​编辑

​编辑

还不行的话有可能是数据库版本的问题,如果想换数据库版本的话先卸载干净

成功之后打开idea配置数据库,这里aaa是之前我导入测试数据库的名字,根据情况改成你本地的就ok了

​编辑

前端部分vue需要vue.js插件和node环境

解释下vue.js为什么需要node js环境

​编辑

vue.js可以在idea直接下载,node自行百度 

然后cd加入对应的ui位置执行npm install

​编辑

 ​编辑

 或者直接open in terminal进入文件位置也可以

​编辑

下载好之后就可以启动了

​编辑

用户名密码

​编辑

 附: 可以在系统管理里面进行关闭验证码等操作

​编辑

第一次交互 : 验证码的生成

​编辑

 三种环境

​编辑

 开发环境 生产和测试 我们使用的是开发环境

 ​编辑

 ​编辑

 前端代码访问80端口通过反向代理关联8080后端

二.关于若依框架的基本使用方法

声明一下我写基本使用方法的目的是为了更快地使用框架,这里讲解一些基本的使用方法,若果想学习更深入的原理可以访问若依前后端分离版,通俗易懂,快速上手

讲的还是挺好的深入浅出

1创建数据表

2在系统工具 -代码生成里选择导入 导入你的表

3可以选择编辑修改你的备注等信息

4点击生成代码-直接生成

​编辑

 5将生成的代码复制到你的项目对应位置(前后端xml都有)

6默认生成的add方法的id是自增方法,工作中一般会替代一个18为的id或者其他位数的id

IdUtils.simpleUUID()

7配置路由(你可以简单的理解为拦截器,由路由控制访问)

位置在系统管理-菜单管理

可以分为三个等级

这个是一级目录​编辑

菜单的配置:

 按钮也是需要配置权限的,不配权限不显示按钮,当然你可以不配把前端的一块删了但是不建议这么干最好还是配一下,因为若依框架本质就是一个关于权限开发的框架

\

猜你喜欢

转载自juejin.im/post/7114232275734102030