Java程序员从笨鸟到菜鸟(一)验证码实现,随机生成数字和字母、点击刷新、加入干扰线等样式

这是一个相对完整的demo,对验证码的实现有个比较详细的阐述。

第一步:

新建java web项目,如下是项目主要的文件

Java程序员从笨鸟到菜鸟(一)验证码实现,随机生成数字和字母、点击刷新、加入干扰线等样式

第二步:

新建三个jsp文件,第一个验证码的输入框及验证码图片、第二个验证码验证校验成功的界面,第三个验证码校验失败的界面。

输入界面:

Java程序员从笨鸟到菜鸟(一)验证码实现,随机生成数字和字母、点击刷新、加入干扰线等样式

主要代码:

Java程序员从笨鸟到菜鸟(一)验证码实现,随机生成数字和字母、点击刷新、加入干扰线等样式

其中action的路径为配置文件web.xml中配置的check servlet的路径

Java程序员从笨鸟到菜鸟(一)验证码实现,随机生成数字和字母、点击刷新、加入干扰线等样式

img标签的src地址为配置文件web.xml中配置ImageServlet的路径

Java程序员从笨鸟到菜鸟(一)验证码实现,随机生成数字和字母、点击刷新、加入干扰线等样式

点击刷新验证码实现:

设置id属性,根据id来触发相应的事件,js代码实现点击刷新验证码图片

Java程序员从笨鸟到菜鸟(一)验证码实现,随机生成数字和字母、点击刷新、加入干扰线等样式

第三步:

新建生成验证码图片的servlet和校验输入框验证码的servlet

ImageServlet实现:

设置验证码图片的大小

Java程序员从笨鸟到菜鸟(一)验证码实现,随机生成数字和字母、点击刷新、加入干扰线等样式

建立图像缓冲区,绘制图像Graphics,设置背景颜色,图片的位置及大小

Java程序员从笨鸟到菜鸟(一)验证码实现,随机生成数字和字母、点击刷新、加入干扰线等样式

设置随机产生数字的范围,建立验证码字符串对象,这里设置验证码为4个字符

Java程序员从笨鸟到菜鸟(一)验证码实现,随机生成数字和字母、点击刷新、加入干扰线等样式

设置干扰线的条数为4条

Java程序员从笨鸟到菜鸟(一)验证码实现,随机生成数字和字母、点击刷新、加入干扰线等样式

保存当前的验证码字符串,绘制验证码图片

Java程序员从笨鸟到菜鸟(一)验证码实现,随机生成数字和字母、点击刷新、加入干扰线等样式

Check servlet实现:

获取提交的验证码code,获取保存的picCode,比较时忽略大小写,校验成功跳转success.jsp页面,提示check success信息;校验失败,跳转error.jsp页面,提示check failed信息

Java程序员从笨鸟到菜鸟(一)验证码实现,随机生成数字和字母、点击刷新、加入干扰线等样式

校验成功提示信息:

Java程序员从笨鸟到菜鸟(一)验证码实现,随机生成数字和字母、点击刷新、加入干扰线等样式

校验失败提示信息

Java程序员从笨鸟到菜鸟(一)验证码实现,随机生成数字和字母、点击刷新、加入干扰线等样式

该文是综合了几篇博客再结合自己的理解写出来的,原文链接具体忘记了,若是有版权冲突,还望博主勿怪,谢谢。

版权声明:欢迎转载, 转载请保留原文链接。https://mp.****.net/postedit/79345526