图形验证码目的是用户密码登录或短信码登录时区分用户是计算机还是人进行的操作
两种简单实现:滑动验证码和文字点选
下载地址:https://gitee.com/doudh88/captcha
滑动验证码实现逻辑:
获取图片:后台选取背景图,添加水印,根据滑块阴影生成验证图片,缓存验证图片滑块部分坐标,验证图片和滑块图返回前端
校验图片:前端传坐标参数和缓存中坐标进行比较
效果图:
这两种方式需要后台系统支持,更加轻量的实现方式可以参考:https://www.awesomes.cn/subject/5203698
效果图
博客不断更新中~,有不足之处,劳烦朋友指出