首先,写一个验证码生成帮助类,用来绘制随机字母:

<span style="font-size:14px;">import java.awt.Color;  
import java.awt.Font;  
import java.awt.Graphics;  
import java.awt.image.BufferedImage;  
import java.io.IOException;  
import java.io.OutputStream;  
import java.util.Random;  
  
import javax.imageio.ImageIO;  
  
public final class GraphicHelper {  
  
    /** 
     * 以字符串形式返回生成的验证码,同时输出一个图片 
     *  
     * @param width 
     *            图片的宽度 
     * @param height 
     *            图片的高度 
     * @param imgType 
     *            图片的类型 
     * @param output 
     *            图片的输出流(图片将输出到这个流中) 
     * @return 返回所生成的验证码(字符串) 
     */  
    public static String create(final int width, final int height, final String imgType, OutputStream output) {  
    StringBuffer sb = new StringBuffer();  
    Random random = new Random();  
  
    BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);  
    Graphics graphic = image.getGraphics();  
  
    graphic.setColor(Color.getColor("F8F8F8"));  
    graphic.fillRect(0, 0, width, height);  
  
    Color[] colors = new Color[] { Color.BLUE, Color.GRAY, Color.GREEN, Color.RED, Color.BLACK, Color.ORANGE,  
        Color.CYAN };  
    // 在 "画板"上生成干扰线条 ( 50 是线条个数)  
    for (int i = 0; i < 50; i++) {  
        graphic.setColor(colors[random.nextInt(colors.length)]);  
        final int x = random.nextInt(width);  
        final int y = random.nextInt(height);  
        final int w = random.nextInt(20);  
        final int h = random.nextInt(20);  
        final int signA = random.nextBoolean() ? 1 : -1;  
        final int signB = random.nextBoolean() ? 1 : -1;  
        graphic.drawLine(x, y, x + w * signA, y + h * signB);  
    }  
  
    // 在 "画板"上绘制字母  
    graphic.setFont(new Font("Comic Sans MS", Font.BOLD, 30));  
    for (int i = 0; i < 6; i++) {  
        final int temp = random.nextInt(26) + 97;  
        String s = String.valueOf((char) temp);  
        sb.append(s);  
        graphic.setColor(colors[random.nextInt(colors.length)]);  
        graphic.drawString(s, i * (width / 6), height - (height / 3));  
    }  
    graphic.dispose();  
    try {  
        ImageIO.write(image, imgType, output);  
    } catch (IOException e) {  
        e.printStackTrace();  
    }  
    return sb.toString();  
    }  
  
}  
</span>  
接着,创建一个servlet,用来固定图片大小,以及处理验证码的使用场景,以及捕获页面生成的验证码(捕获到的二维码与用户输入的验证码一致才能通过)。
[java] view plain copy  
<span style="font-size:14px;">import java.io.IOException;  
import java.io.OutputStream;  
  
import javax.servlet.ServletException;  
import javax.servlet.annotation.WebServlet;  
import javax.servlet.http.HttpServlet;  
import javax.servlet.http.HttpServletRequest;  
import javax.servlet.http.HttpServletResponse;  
import javax.servlet.http.HttpSession;  
  
@WebServlet(urlPatterns = "/verify/regist.do" )  
public class VerifyCodeServlet extends HttpServlet {  
  
    private static final long serialVersionUID = 3398560501558431737L;  
  
    @Override  
    protected void service(HttpServletRequest request, HttpServletResponse response)  
        throws ServletException, IOException {  
  
    // 获得 当前请求 对应的 会话对象  
    HttpSession session = request.getSession();  
  
    // 从请求中获得 URI ( 统一资源标识符 )  
    String uri = request.getRequestURI();  
    System.out.println("hello : " + uri);  
  
    final int width = 180; // 图片宽度  
    final int height = 40; // 图片高度  
    final String imgType = "jpeg"; // 指定图片格式 (不是指MIME类型)  
    final OutputStream output = response.getOutputStream(); // 获得可以向客户端返回图片的输出流  
                                // (字节流)  
    // 创建验证码图片并返回图片上的字符串  
    String code = GraphicHelper.create(width, height, imgType, output);  
    System.out.println("验证码内容: " + code);  
  
    // 建立 uri 和 相应的 验证码 的关联 ( 存储到当前会话对象的属性中 )  
    session.setAttribute(uri, code);  
  
    System.out.println(session.getAttribute(uri));  
  
    }  
  
}  
</span>  
接着写一个HTML注册页面用来检验一下:
[html] view plain copy  
<span style="font-size:14px;"><!DOCTYPE html>  
<html>  
<head>  
    <meta charset="UTF-8">  
    <title>注册</title>  
    <link rel="stylesheet" href="styles/general.css">  
    <link rel="stylesheet" href="styles/cell.css">  
    <link rel="stylesheet" href="styles/form.css">  
    <script type="text/javascript" src="js/ref.js"></script>  
    <style type="text/css" >  
  
        .logo-container {  
            margin-top: 50px ;  
        }  
        .logo-container img {  
            width: 100px ;  
        }  
  
        .message-container {  
            height: 80px ;  
        }  
  
        .link-container {  
            height: 40px ;  
            line-height: 40px ;  
        }  
  
        .link-container a {  
            text-decoration: none ;  
        }  
  
    </style>  
  
</head>  
<body>  
<div class="container form-container">  
    <form action="/wendao/regist.do" method="post">  
        <div class="form"> <!-- 注册表单开始 -->  
  
            <div class="form-row">  
                        <span class="cell-1">  
                            <i class="fa fa-user"></i>  
                        </span>  
                        <span class="cell-11" style="text-align: left;">  
                            <input type="text" name="username" placeholder="请输入用户名">  
                        </span>  
            </div>  
  
            <div class="form-row">  
                        <span class="cell-1">  
                            <i class="fa fa-key"></i>  
                        </span>  
                        <span class="cell-11" style="text-align: left;">  
                            <input type="password" name="password" placeholder="请输入密码">  
                        </span>  
            </div>  
  
            <div class="form-row">  
                        <span class="cell-1">  
                            <i class="fa fa-keyboard-o"></i>  
                        </span>  
                        <span class="cell-11" style="text-align: left;">  
                            <input type="password" name="confirm" placeholder="请确认密码">  
                        </span>  
            </div>  
  
            <div class="form-row">  
                        <span class="cell-7">  
                            <input type="text" name="verifyCode" placeholder="请输入验证码">  
                        </span>  
                        <span class="cell-5" style="text-align: center;">  
                            <img src="/demo/verify/regist.do" onclick="myRefersh(this)">  
                        </span>  
            </div>  
  
            <div class="form-row" style="border: none;">  
                        <span class="cell-6" style="text-align: left">  
                           <input type="reset" value="重置">  
                        </span>  
                        <span class="cell-6"  style="text-align:right;">  
                            <input type="submit" value="注册">  
                        </span>  
            </div>  
  
        </div> <!-- 注册表单结束 -->  
    </form>  
</div>  
  
</body>  
</html></span>  
效果如下图:

在控制台接收到的图片中验证码的变化如下:

当点击刷新页面的时候,验证码也会随着变化,但我们看不清验证码时,只要点击验证码就会刷新,这样局部的刷新可以用JavaScript来实现。
在<img src="/demo/verify/regist.do">中,添加一个问号和一串后缀数字,当刷新时让后缀数字不断改变,那么形成的验证码也会不断变化,我们可以采用的一种办法是后缀数字用date代替,date获取本机时间,时间是随时变的,这样就保证了刷新验证码可以随时变化。

代码如下:

[javascript] view plain copy  
<span style="font-size:14px;">function myRefersh( e ) {  
      
    const source = e.src ; // 获得原来的 src 中的内容  
    //console.log( "source : " + source  ) ;  
      
    var index = source.indexOf( "?" ) ;  // 从 source 中寻找 ? 第一次出现的位置 (如果不存在则返回 -1 )  
    //console.log( "index : " + index  ) ;  
      
    if( index > -1 ) { // 如果找到了 ?  就进入内部  
        var s = source.substring( 0 , index ) ; // 从 source 中截取 index 之前的内容 ( index 以及 index 之后的内容都被舍弃 )  
        //console.log( "s : " + s  ) ;  
          
        var date = new Date(); // 创建一个 Date 对象的 一个 实例  
        var time = date.getTime() ; // 从 新创建的 Date 对象的实例中获得该时间对应毫秒值  
        e.src = s + "?time=" + time ; // 将 加了 尾巴 的 地址 重新放入到 src 上  
          
        //console.log( e.src ) ;  
    } else {  
        var date = new Date();  
        e.src = source + "?time=" + date.getTime();  
    }  
      
}</span>

---------------------
作者:天堂地址不详Y
来源:CSDN
原文:https://blog.csdn.net/tiantangdizhibuxiang/article/details/77443125

Web后端 JAVA实现验证码生成与验证功能的更多相关文章

  1. EBS OAF开发中的Java 实体对象(Entity Object)验证功能补充

    EBS OAF开发中的Java 实体对象(Entity Object)验证功能补充 (版权声明,本人原创或者翻译的文章如需转载,如转载用于个人学习,请注明出处:否则请与本人联系,违者必究) EO理论上 ...

  2. php 图片验证码生成 前后台验证

    自己从前一段时间做了个php小项目,关于生成图片验证码生成和后台的验证,把自己用到的东西总结一下,希望大家在用到相关问题的时候可以有一定的参考性. 首先,php验证码生成. 代码如下: 1.生成图像代 ...

  3. [转]php 图片验证码生成 前后台验证

    本文转自:https://www.cnblogs.com/xiaoyezi/p/3541195.html 自己从前一段时间做了个php小项目,关于生成图片验证码生成和后台的验证,把自己用到的东西总结一 ...

  4. java图形验证码生成工具类及web页面校验验证码

    最近做验证码,参考网上案例,发现有不少问题,特意进行了修改和完善. 验证码生成器: import javax.imageio.ImageIO; import java.awt.*; import ja ...

  5. struts---JSP界面验证码生成与验证

    之前想做一个随机验证码的功能,自己也搜索了一下别人写的代码,然后自己重新用struts2实现了一下,现在将我自己实现代码贴出来!大家有什么意见都可以指出来! 首先是生成随机验证码图片的action: ...

  6. java模拟验证码生成

    设计思想 第一步:随机生成字符串 第二步:用户输入字符串 第三步:将两个字符串转化为同一类型 第四步:比较是否相同 第五步:输出结果 程序流程图 程序源代码 /*2017/10/7 王翌淞 验证码模拟 ...

  7. Java图片验证码生成工具

    直接把以下代码拷贝使用: import javax.imageio.ImageIO;import java.awt.*;import java.awt.image.BufferedImage;impo ...

  8. PHP 用session与gd库实现简单验证码生成与验证的类

    验证码是为了防止机器灌水给网站带来污染以及增加服务器负担而出现的.目前大大小小的网站都有验证码.今天自己实现了一个简单的验证码类.说简单是因为没有加一些干扰的弧线等等,只是将文字旋转了一下.当然,因为 ...

  9. 一篇Java图片验证码生成的代码

    package projectUtil; /** * @author tian * @date 2019/4/1015:58 */ import javax.imageio.ImageIO; impo ...

随机推荐

  1. 软件测试自动化的最新趋势对开源测试管理软件ITEST的启示

    https://www.infoq.cn/article/c-LHJS2ksuDxp1WkrGl4 理面提到几点,DevOps 的关键原则是开发团队.测试团队和运营团队协作,无缝发布软件.这意味着集中 ...

  2. bind、call和apply对比和使用

    最开始关于call.apply.bind函数的使用时,总是很模糊,不知道用哪一个,this指向问题等,看了一些别人的总结后有了一定的理解,所以特地记录一下: 要搞清楚call.apply.bind我们 ...

  3. 解决mysql中只能通过localhost访问不能通过ip访问的问题

    解决mysql中只能通过localhost访问不能通过ip访问的问题 原因是没开权限 SELECT * FROM USER WHERE USER='root'; grant all privilege ...

  4. LeetCode算法题-Rotate String(Java实现)

    这是悦乐书的第317次更新,第338篇原创 在开始今天的算法题前,说几句,今天是世界读书日,推荐两本书给大家,<终身成长>和<禅与摩托车维修艺术>,值得好好阅读和反复阅读. 0 ...

  5. python3 装饰器初识 NLP第三条

    还是先抄一条NLP假设... 三,有效果比有道理更重要   光说做法有道理或者正确而不顾是否有效果,是在自欺欺人. 在三赢(我好,人好,世界好)的原则基础上追求效果,比坚持什么是对的更有意义. 说道理 ...

  6. 音频处理EQ的基本概念

     我们通常所说的人声,歌声以及乐声都是一个复合音,也就是由声音的基音和一系列的泛音所构成的.这些泛音都是基音频率的倍数,物理学中叫分音,电声学中叫谐波,音乐中则把它们称做泛音.可以说,泛音对音色的特性 ...

  7. python的进程与线程(三)

    线程的锁 1.几个概念 讲起线程的锁,先要了解几个概念:什么是并行?什么是并发?什么是同步?什么是异步?          并发:是指系统具有处理多个任务(动作)的能力          并行:是指系 ...

  8. ASP.NET Core Web API 版本控制

    在nuget.org上,您可以找到  Microsoft.AspNetCore.Mvc.Versioning包,它提供了有关如何对Web API端点进行版本化的更多选项.这个包的好处是允许你直接在控制 ...

  9. LindDotNetCore~ISoftDelete软删除接口

    回到目录 概念 ISoftDelete即软删除,数据在进行delete后不会从数据库清除,而只是标记一个状态,在业务范围里都不能获取到这个数据,这在ORM框架里还是比较容易实现的,对传统的ado来说需 ...

  10. 机器学习之决策树二-C4.5原理与代码实现

    决策树之系列二—C4.5原理与代码实现 本文系作者原创,转载请注明出处:https://www.cnblogs.com/further-further-further/p/9435712.html I ...