如何在jsp登录页面添加图片验证码(利用action)

效果图看一下。
如何在jsp登录页面添加图片验证码(利用action)
step1:需要下载一个工具包,这里分享我使用的。
https://blog.****.net/chenzhengjiayou/article/details/79272313

step2:新建action,因为这个逻辑不应该写在登录,注册等主逻辑中,所以新建工具包com.util,新建RandomCodeAction.


step3:RnadomCodeAction需要继承ActionSupport,实现ServletRequestAware,ServletResponseAware两个接口,然后定义属性,实现接口下的方法,注意改改参数。

private HttpServletRequest request;
private HttpServletResponse response;

如何在jsp登录页面添加图片验证码(利用action)

step4:把属性复制到action中,把方法全部复制到action的execute方法中。
注意:方法中会将图片验证码上的值存进session中,注意在session中设置的存放验证码值的变量,后面会用到千万别错了,
我这里使用code。

step5:配置struts.xml文件如何在jsp登录页面添加图片验证码(利用action)

如何在jsp登录页面添加图片验证码(利用action)
step6:保存action。现在我们开始写前端,在要显示验证码的地方这样写:
如何在jsp登录页面添加图片验证码(利用action)

注意:这里我加入了js的方法,使得点击图片就可以换一张验证码图片。
js代码如图:

如何在jsp登录页面添加图片验证码(利用action)
step7:以上我们就实现了动态验证码,接下来我们需要在登录的过程中进行验证,不建议将验证码的验证放入登录验证的逻辑中,建议使用validate方法,将用户输入的验证码与session code中的值进行比较。

如何在jsp登录页面添加图片验证码(利用action)