基于Java实现图片滑动验证(完整项目工程,Springboot项目和web界面)

使用项目见:http://www.binarydance.top/
写之前感谢这个大佬:基于Java实现图片滑动验证(包含前端代码)正是大佬提供的几乎完整的关键性代码才得以实现。
在大佬的提供的代码文件的基础上,本人搭建了完整的Springboot项目工程实现,包括:
①优化了前端界面的拖动模块,使之滑块拖动更流畅;获取实际用户拖动的X轴偏移值;
②服务器新增redis存储后台生成的X轴实际的偏移坐标,10分钟失效;并使用前端用户拖动的实际X轴偏移值和redis实际生成时候的X轴偏移值对比校验
③实现了全部代码demo工程化(由于融合了研究的分库分表sharding-jdbc,运行demo需要配置好mysql【sql文件已经提供】、redis)。

原理:服务端生成抠图区和X轴偏移值(X轴偏移值存入redis,10分钟失效,服务器生成的实际的X轴偏移值不返回给前端,校验的依据,很重要!!!)返回前端给用户展示交互使用,前端拖动生成实际用户X轴偏移值传到服务端进行比对校验。
不是单纯的不安全的web端校验哦。

初始化
验证失败
验证成功

提供了window版本的redis解压版,解压即可使用,密码都是项目demo中的密码。
全部代码码云地址:https://gitee.com/hsjjsh123/sharding-springboot-mybatis
步骤:启动工程,访问:http://localhost:7777/imageValidate.html

  • 3
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值