若依框架入门(前后端分离版本)
一 若依下载以及配置启动
学习基础: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配置路由(你可以简单的理解为拦截器,由路由控制访问)
位置在系统管理-菜单管理
可以分为三个等级
这个是一级目录
菜单的配置:
按钮也是需要配置权限的,不配权限不显示按钮,当然你可以不配把前端的一块删了但是不建议这么干最好还是配一下,因为若依框架本质就是一个关于权限开发的框架
数据字典:
在系统管理里面的字典管理可以配置字典,配置字典的好处是可以根据修改字典的值来直接维护字典项,维护比较方便
字典类型通常为数据表名称+字段名称,在设置字典项的时候点击字典名就可以进入
设置好的字典项会放在sys_dict_code表中
关于api接口,若依自带了 swagger 的接口
将若依启动后,访问 http://localhost/swagger-ui.html
(或者使用菜单系统工具 -> 系统接口
)可以查看接口
使用时需要在方法上加@ApiOperation("XXXX")
在类上加@Api(tags={"XXXX"})
感兴趣可以自行百度,这里就不仔细讲了,我们在做前后端分离的时候不常用swagger,看你们公司的习惯了,
那我们怎么解决拦截跨域问题呢?
只需要在类上加注解@Anonymous就可以不用登录,下面的方法都可以访问到了
关于定时任务
若依内部封装了定时任务quartz
@Component("ryTask")
若依提供了几种调用方式:
Bean调用示例:ryTask.ryParams('xqoer')
Class类调用示例:com.xqoer.quartz.task.RyTask.ryParams('xqoer')
参数说明:支持字符串,布尔类型,长整型,浮点型,整型
看不懂的话就使用注解里面的字点方法名如:ryTask.xxx
表达式什么的很简单看着点就行
关于分页
若依框架自带的分页工具类在代码生成的时候我们也能看见
startPage();
这样的代码,只需在写接口的时候传
PageNum PageSize
就可以了
若依框架入门(前后端分离版本)相关推荐
- 若依框架入门搭建(前后端分离版本)-重点IDEA 、Navicat、sql、node、redis、windows11
一直想搭一款后台管理系统,看了很多优秀的开源项目但是发现没有合适自己的.于是利用空闲休息时间开始自己搭了一套后台系统(基于windows11系统). 官方网站文档用Eclipse搭建,官方只用简单的几 ...
- 若依前后端分离版本集成Mybatis-plus
若依前后端分离版本集成Mybatis-plus 一.为什么要集成Mybatis-plus 简介 特性 二.集成Mybatis-plus 导入依赖 修改application.yml 配置文件 修改se ...
- 若依前后端分离版本集成CAS Server5.3
前言 此次项目向使用RuoYi-Vue版本做开发,需要进行单点登录,在做完一次集成后形成了这篇文章,有不足之处望请谅解.因为前后端分离版本和不分离版本有区别集成方式也不太一样,主要区分是在单点登录退出 ...
- 若依前后端分离版本如何使用Swagger
对于若依前后端分离版本,我们应该如何使用Swagger在线接口文档呢? 目录 一.访问接口文档地址 二.修改后端配置文件 三.获取登录token
- 首个直播商城,拼团商城,小程序商城的微服务分布式框架,前后端分离
简介: sdb mall 项目说明 sdb是一个轻量级的在renren-fast基础上利用jfinal架构二次开发的一个极速二次开发直播,拼团商城框架,前后端分离的Java快速开发平台,C端采用微信小 ...
- 基于前端Vue后端.NetCore Web后台管理系统通用开本框架采用前后端分离技术,前端使用vue2.6.0,后端使用.netcore3.1,支持跨平台、多租户
基于前端Vue后端.NetCore Web后台管理系统通用开本框架采用前后端分离技术,前端使用vue2.6.0,后端使用.netcore3.1,支持跨平台.多租户.支持MySQL/SQLServer/ ...
- js 获得明天0点时间戳_Python 3+Django 3 结合Vue.js框架构建前后端分离Web开发平台实战...
点击上方"测试开发技术",选择设为"设为星标" 优质文章,第一时间送达! 学习全文大概需要 12分钟,内容实战性较强. 1. 前言 本篇将基于Python 3. ...
- 若依前后端分离版本,Windows下使用Nginx代理的方式进行部署(全流程,图文教程)
场景 若依官网: http://doc.ruoyi.vip/ 前提: 服务器上安装Mysql,并将数据库导入,在SpringBoot中的application-druid.yml配置mysql数据库连 ...
- 基于Django框架实现前后端分离(三)
使用drf_yasg自动生成Swagger接口文档 相关库需求的最低版本安装 Django+drf_yasg+rest_framework自动生成Swagger接口文档 修改setting文件 路由设 ...
- 基于若依框架(前后端分离)-新写前端Vue页面
1.启动前后端项目,在前端页面的菜单管理添加一个新的菜单或者目录 2.在views底下写Vue页面 3.在routers/index.vue里配置路由 最后,效果图:
最新文章
- 2019年上半年收集到的人工智能大神与大咖观点文章
- 使用antd报less的错误
- webView的属性
- mysql 光标的作用_Mysql那些事儿之(十四)光标的使用_MySQL
- Django(part6)--利用正则的组名进行关键字传参
- [Docker]记一次使用jenkins将镜像文件推送到Harbor遇到的问题
- VRAR行业深度报告:VRAR是中场,Metaverse是终局
- oracle 启动报错03113,Oracle 入门之Oracle启动报错“ORA-03113”
- svm 预测标签的概率输出
- 伺服电机驱动器编程用c语言吗,伺服电机如何编程
- mp4转换gif格式,免费在线转换
- UE4 C++ UMG框架搭建
- 用c语言写心理测试,单招心理测试模拟题附答案(机试可用)
- 李永乐复习全书线性代数 第六章 二次型
- 五大经典算法-动态规划 及其算法应用
- CF337A Maze 解题报告
- 恭喜湖人夺得NBA总冠军
- java执行sql列名无效_列名无效!java代码里的SQL语句!数据库里可以得到正确为什么放java里出错了?...
- 文件压缩及上传FTP服务器简单应用(实践篇)
- Matlab画的eps图片中的Helvetica字体不能嵌入问题的解决办法