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

时间:2024-03-28 19:51:24

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

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

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

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