手动制作java的验证码,具体内容如下
<强> Web应用验证码的组成:
(1)输入框
(2)显示验证码的图片
<强>验证码的制作流程:
生成验证码的容器使用j2ee servlet的
<强>生成图片需要的类:
(1) BufferedImage图像数据缓冲区
(2)图形绘制图片
(3)颜色获取颜色
(4)随机生成随机数
(5) ImageIO输入图片
(1)定义一个Servlet,用于生成验证码
(2)定已BufferedImage对象,主要作用就是制作一个图片缓冲区,作为图片的一个临时容器。
(3)获得图形对象,画图的“背景”,理解为“画布”
(4)通过随机生成随机数,来制作验证信息
(5)通过图形操作,进行具体画图
(6)信息存至会话中
(7)使用ImageIO输出生成的图片,通过设置ImageIO的写()方法中的出参数,response.getOutputStream(),将图片传至前台
(8)制作验证用的servlet,提会话中取的数据进行验证(这里采用ajax异步方法)
具体代码实现(Web端验证码实例)
& lt; html>
& lt; head>
& lt;元http-equiv=? type”内容=" text/html;charset=utf - 8”比;
& lt; title> java验证码& lt;/title>
& lt;脚本src=" https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js "祝辞& lt;/script>
& lt;/head>
& lt; body>
验证码输入:& lt;输入type=" text " name=" checkcode祝辞,,
& lt; img id=" codeimg " alt="验证码“src=" https://www.yisu.com/zixun/ImageServlet "比;
& lt; a href=" javascript: reloadCode();“在看不出清楚? & lt;/a> & lt; br/比;
& lt;输入类型="提交" value=" https://www.yisu.com/zixun/提交”比;
& lt; div id="信息"祝辞& lt;/div>
& lt;脚本type=" text/javascript祝辞
$(函数(){//ajax异步传验证码至后台
$(“输入(type=提交)”).click(函数(){
$ . post (“CheckCode”,
{“代码”:$(“输入[name=checkcode]”) .val ()},
函数(数据、textStatus)
{
console.log (textStatus);
$(" #信息”). html(数据);
},“文本”);
})；
}）//js刷新,重新请求页面,获得新的验证码
函数reloadCode () {
var时间=new日期().getTime();//创建不同的时间
$ (" # codeimg”) .attr (“src”、“ImageServlet& # 63;时间=" +时间);//因为时间参数不同,请求重新
}
& lt;/script>
& lt;/body>
& lt;/html>
ImageServlet类(验证码生成部分)
@WebServlet ("/ImageServlet”)
公开课ImageServlet扩展HttpServlet {
私有静态最终长serialVersionUID l=1;/* *
* @see HttpServlet # HttpServlet ()
*/公共ImageServlet () {
超级();//TODO自动生成构造函数存根
}/* *
* @see HttpServlet # doGet (HttpServletRequest请求,HttpServletResponse响应)
*/保护无效doGet (HttpServletRequest请求,HttpServletResponse响应)抛出ServletException IOException {//TODO自动生成方法存根
BufferedImage bimg=new BufferedImage (BufferedImage.TYPE_INT_RGB 68年22日);
图g=bimg.getGraphics ();
颜色=new颜色(200151255);//颜色生成
g.setColor(颜色);
g。fillRect (0, 0, 68, 22);
char [] ch=" ABCDEFGHJIKLMNOPQRSTUVWXYZ0123456789 " .toCharArray();//获得一个含有字母和数字的数组,后续随机从中获取字符
随机随机=new随机();//创建随机数
int len=ch.length指数;
StringBuffer sBuffer=new StringBuffer ();//循环产生4个随机字符
for (int i=0; i<4,我+ +)
{
指数=random.nextInt (len);//产生随机字母与数字
g。改变颜色(新颜色(random.nextInt (88), random.nextInt (120), random.nextInt(90)));//创建随机颜色
g。拉带(ch(指数)+ ",(我)* 15 + 3,18);
sBuffer.append (ch(指数));//将随机获取的字符放置缓冲串中
}
request.getSession()。setAttribute (“newCode sBuffer.toString());//存至会话便于后续验证
ImageIO。写(bimg, JPG, response.getOutputStream());//通过ImageIO输出图片,并传至前台
}/* *
* @see HttpServlet # doPost (HttpServletRequest请求,HttpServletResponse响应)
*/保护无效doPost (HttpServletRequest请求,HttpServletResponse响应)抛出ServletException IOException {//TODO自动生成方法存根
doGet(请求、响应);
}
}
