若依框架学习笔记 您所在的位置:网站首页 验证码登录逻辑是什么意思 若依框架学习笔记

若依框架学习笔记

2024-07-02 15:33| 来源: 网络整理| 查看: 265

本篇文章记录自己学习若依框架业务开发逻辑的笔记

        当我在运行若依项目时,会首先进入到项目的登录界面,但是登陆界面的验证码验证功能在我以往的学习中并未接触过。因此,写下这篇文章记载学习下大佬的开发逻辑。

通过对ruoyi-ui前端模块的分析,我们能够发现,项目先通过url请求前端路径

http://localhost/dev-api/captchaImag

进行代理

 然后在vue.config.js中将路径重写,把dev-api重写为' ',然后映射给后端8080端口,解决跨域问题,因此后端得到的路径为http://localhost:8080/captchaImag,所以下一步,我们直接去ruoyi-admin模块下寻找captchaImag,看看这里的代码逻辑。

快捷寻找方法:

一、ctrl+shift+ F或者右键+在文件中查找

二、将captchaImag输入搜索款可直接定位至其映射下

于是我们找到了

@GetMapping("/captchaImage")

这个映射。

这个映射请求的是

public AjaxResult getCode(HttpServletResponse response) throws IOException

这个方法

 在这个方法中第一步,他通过三层嵌套创建了一个AjaxResult对象

AjaxResult ajax = AjaxResult.success();

因为他的最终一层嵌套返回的是AjaxResult对象

return new AjaxResult(HttpStatus.SUCCESS, msg, data);

这个对象实际就是后台给前端返回的一个模型。包含了状态,信息,数据三个信息。

后台给前端传的数据都装在ajax中。

 然后

boolean captchaEnabled = configService.selectCaptchaEnabled();

获取验证码开关传给catchaEnabled

/** * 获取验证码开关 * * @return true开启,false关闭 */ public boolean selectCaptchaEnabled();

 如果获取到验证码开关为关闭(即传给catchaEnabled参数为false)

则直接将ajax返回,该方法结束

if (!captchaEnabled) { return ajax; }

若开关为开启(即传给catchaEnabled参数为true)则继续执行后面代码

// 保存验证码信息 String uuid = IdUtils.simpleUUID(); String verifyKey = CacheConstants.CAPTCHA_CODE_KEY + uuid;//验证关键 String capStr = null, code = null; BufferedImage image = null;

uuid用来保存验证码答案,最后和用户输入的信息进行对比判断

verifyKey是验证的关键,他将一个常量

和uuid拼接在一起,保存在redis的一个key里面

在注释//生成验证码后面的这些代码便是验证码发挥作用的核心

// 生成验证码 String captchaType = RuoYiConfig.getCaptchaType(); if ("math".equals(captchaType)) { String capText = captchaProducerMath.createText(); capStr = capText.substring(0, capText.lastIndexOf("@")); code = capText.substring(capText.lastIndexOf("@") + 1); image = captchaProducerMath.createImage(capStr); } else if ("char".equals(captchaType)) { capStr = code = captchaProducer.createText(); image = captchaProducer.createImage(capStr); } redisCache.setCacheObject(verifyKey, code, Constants.CAPTCHA_EXPIRATION, TimeUnit.MINUTES); // 转换流信息写出 FastByteArrayOutputStream os = new FastByteArrayOutputStream(); try { ImageIO.write(image, "jpg", os); } catch (IOException e) { return AjaxResult.error(e.getMessage()); } ajax.put("uuid", uuid); ajax.put("img", Base64.encode(os.toByteArray())); return ajax;

我们通过断点进行分析

我们发现,这里的capText保存的是  6-2=?@4 

往后走

capStr保存capText被@分割后的前半部分内容,即 6-2=? 

再往下走

code保存 capText被@分割后的后半部分内容,即正确答案:4

将capText信息分割完毕并分别存储于capStr和code变量后继续往下走

redisCache.setCacheObject(verifyKey, code, Constants.CAPTCHA_EXPIRATION, TimeUnit.MINUTES);

这行代码将verifyKey和code的值存入redis ,后面的CAPTCHA_EXPIPATION和TimeUnit.MINUTES传给redis的数据分别是2和minutes,表示传给redis的verifyKey和code的值的有效期为2分钟。

我们接着往下走即可证明:

当我们往下走

 

即可看到redis中多了一个键

 

TTL:98代表验证码还有98秒过期

 然后后面代码将capStr的内容写成图片,然后将uuid和图片存入ajax中,然后返回ajax,最后反馈给前端。



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有