×
400 028 6601

建站动态

根据您的个性需求进行定制 先人一步 抢占小程序红利时代

如何实现Java后端产生验证码后台验证功能

这篇文章主要介绍如何实现Java后端产生验证码后台验证功能，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

创新互联公司是一家集网站建设,海棠企业网站建设,海棠品牌网站建设,网站定制,海棠网站建设报价,网络营销,网络优化,海棠网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。

直接跳severlet在java后台生成验证码：

@RequestMapping(value="yzm.action") public void Yzm(HttpSession session,HttpServletResponse resp){ // 验证码图片的宽度。      int width = 60;       // 验证码图片的高度。      int height = 20;         // 验证码字符个数      int codeCount = 4;         int x = 0;         // 字体高度      int fontHeight;         int codeY;         char[] codeSequence = { 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J',          'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W',          'X', 'Y', 'Z', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9' };      x = width / (codeCount + 1);       fontHeight = height - 2;       codeY = height - 4;     BufferedImage buffImg = new BufferedImage(width, height,           BufferedImage.TYPE_INT_RGB);       Graphics2D g = buffImg.createGraphics();       // 创建一个随机数生成器类       Random random = new Random();       // 将图像填充为白色       g.setColor(Color.WHITE);       g.fillRect(0, 0, width, height);       // 创建字体，字体的大小应该根据图片的高度来定。       Font font = new Font("Fixedsys", Font.PLAIN, fontHeight);       // 设置字体。       g.setFont(font);       // 画边框。   //    g.setColor(Color.BLACK);   //    g.drawRect(0, 0, width - 1, height - 1);       // 随机产生160条干扰线，使图象中的认证码不易被其它程序探测到。       g.setColor(Color.BLACK);       for (int i = 0; i < 1; i++) {         int x2 = random.nextInt(width);         int y2 = random.nextInt(height);         int xl = random.nextInt(12);         int yl = random.nextInt(12);         g.drawLine(x2, y2, x + xl, y2 + yl);       }       // randomCode用于保存随机产生的验证码，以便用户登录后进行验证。       StringBuffer randomCode = new StringBuffer();     int red = 0, green = 0, blue = 0;       // 随机产生codeCount数字的验证码。       for (int i = 0; i < codeCount; i++) {         // 得到随机产生的验证码数字。         String strRand = String.valueOf(codeSequence[random.nextInt(36)]);         // 产生随机的颜色分量来构造颜色值，这样输出的每位数字的颜色值都将不同。         red = random.nextInt(255);         green = random.nextInt(255);         blue = random.nextInt(255);         // 用随机产生的颜色将验证码绘制到图像中。         g.setColor(new Color(red, green, blue));         g.drawString(strRand, (i + 1) * x, codeY);         // 将产生的四个随机数组合在一起。         randomCode.append(strRand);       }       // 将四位数字的验证码保存到Session中。       session.setAttribute("validateCode", randomCode.toString());       ServletOutputStream sos; try {  sos = resp.getOutputStream();  ImageIO.write(buffImg, "jpeg", sos);     sos.close();    } catch (IOException e) {  // TODO Auto-generated catch block  e.printStackTrace(); }    }

jsp显示页面的代码，点击图片刷新

${validateCode}      
$("#img").click(function(){ $(this).attr("src","yzm.action?"+new Date().getTime());  });

将文本框中的值传入后台，与最开始生成验证码的随机数进行比较即可完成验证。

页面上拿到的session的值老是比验证码晚一步，所以采取后台进行验证。这里我也不知道什么原因，望小伙伴们告知。。。

另一种思路，后台生成随机数，前端生成画布，用ajax拿随机数

//后台只生成随机数 @RequestMapping(value="random.action") public void findRandom (HttpServletResponse response) throws IOException{  // 验证码字符个数      int codeCount = 4;   char[] codeSequence = { 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J',          'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W',          'X', 'Y', 'Z', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9' };      // 创建一个随机数生成器类        Random random = new Random();   // randomCode用于保存随机产生的验证码，以便用户登录后进行验证。        StringBuffer randomCode = new StringBuffer();     for (int i = 0; i < codeCount; i++) {          // 得到随机产生的验证码数字。          String strRand = String.valueOf(codeSequence[random.nextInt(36)]);        // 将产生的四个随机数组合在一起。          randomCode.append(strRand);        }     PrintWriter out = response.getWriter();     out.print(randomCode); }

jsp，jq，js代码

       换一张    

0.0415s