说起验证码,大家应该都不陌生吧。登陆的时候需要验证码,注册的时候也要验证码。那么验证码是怎么生成的呢?下面,分享一篇使用Java实现后台验证码生成的文章,有兴趣的小伙伴可以一起来学习。
效果图如下:
1.适用需求
后台生成验证码,用于登陆验证。
2. 功能实现所需控件/文件:
无(普通标签)
3.功能点实现思路
1)前台思路:
(1)前台一个<input>用于输入验证码;一个<img>用于展示验证码。
(2)验证码生成以及展示,点击刷新功能,可以为<img>绑定click事件。
(3)click事件里面写ajax请求,通过后台生成处理好的带噪点的验证码图片。
注意:后台直接返回图片,不是验证码的字符!若返回字符,则验证码就失去了意义(前台很容易就可以获取验证码字符,进行多次恶意访问了)(这点考虑了系统安全性)
(4)关于返回的图片如何在<img>标签内展示
直接利用img的src属性,属性值为后台生成验证码的方法请求路径即可。当点击验证码的时候,再动态设置src属性即可(原访问地址+随机时间戳,防止同一路径浏览器不另作访问的问题