2024/4/9 实现了点击验证码,刷新验证码的功能;阅读spring.security源码和项目代码

spring.security的源码

逐层调用的,用ctrl+鼠标右键,可以往深层次看他的源码

    public final T authenticationDetailsSource(AuthenticationDetailsSource<HttpServletRequest, ?> authenticationDetailsSource) {
        this.authenticationDetailsSource = authenticationDetailsSource;
        return this.getSelf();
    }

    private AuthenticationDetailsSource<HttpServletRequest, ?> authenticationDetailsSource;

	public interface AuthenticationDetailsSource<C, T> {
    	T buildDetails(C context);
}

click函数与onclick函数

第一种方法不行,第二种才可以

    // 绑定点击事件到验证码图片元素
    $('#captchaImg').onclick(refreshCaptcha);
    $("#captchaImg").click(function () {
        refreshCaptcha();
    });

在解决点击验证码即可刷新的问题时,主要是因为这个onclick函数后的刷新验证码的方法一直显示没有这个函数,我就怀疑是不是引用js文件的问题,但不是这个问题。

<div id="captchaImgContainer">
   <!-- 显示验证码图片的img标签 -->
   <img id="captchaImg" alt="captcha" src="" onclick="refreshCaptcha()">
</div>

就算我把js函数都放在html文件底下的script标签内,都不行,后来查看博客才知道这两个函数的使用方法:click()方法的主要作用是触发调用click方法元素onclick事件
所以应该这样使用:

$("#btn3").click(function(){
	refreshCaptcha();
	alert("*****");
});

也就是在click函数内,调用刷新验证码的函数,img标签里也不用设置什么函数了,直接在js文件里绑定img的标签和要使用的click函数即可

进度汇报

实现了点击验证码即可刷新验证码的功能,继续去做验证码验证的逻辑,配合登录一起。
读了几个spring.security的源码和项目security的验证码验证逻辑的代码。

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值