Java验证码初使用

验证码初识

为什么需要验证码？

​ 验证码的本质是图片，目的是为了防止恶意表单注册

实现步骤

1. 创建对象，在内存中图片(验证码图片对象)
2. 美化图片
3. 将图片输出到页面展示

代码实现

@WebServlet("/checkCodServlet")
public class CheckCodServlet extends HttpServlet {

    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        /*
            实现步骤:
            1.创建对象，在内存中图片(验证码图片对象)
            2.美化图片
            3.将图片输出到页面展示
         */
        int width = 100;
        int height = 50;
        //1.创建对象，在内存中图片(验证码图片对象)
        BufferedImage image = new BufferedImage(width,height,BufferedImage.TYPE_INT_RGB);
        /*
            2.美化图片
                2.1 填充背景颜色
                2.2 话边框
                2.3 写验证码
                2.4 画干扰线
         */
        Graphics graphics = image.getGraphics();// 画笔对象
        graphics.setColor(Color.pink);// 设置画笔颜色
        graphics.fillRect(0,0,width,height);// 0,0坐标点 左上角开始 rect:矩形

        graphics.setColor(Color.blue);
        graphics.drawRect(0,0,width-1,height-1);

        String str = "ABCDEFGHIJKLMNOPQSTUVWXYZabcefghijklmnopqstuvwxyz0123456789";// 验证码字符串
        // 生成随机角标
        Random random = new Random();
        // 生成4个
        for (int i = 1; i <= 4 ; i++) {
            int index = random.nextInt(str.length());
            // 获取字符
            char ch = str.charAt(index);
            graphics.drawString(ch+"",width/5*i,height/2);
        }
        // 干扰线
        graphics.setColor(Color.green);
        // 随机生成坐标点
        // 生成10个
        for (int i = 0; i < 10; i++) {
            int x1 = random.nextInt(width);
            int x2 = random.nextInt(width);
            int y1 = random.nextInt(height);
            int y2 = random.nextInt(height);
            graphics.drawLine(x1,y1,x2,y2);
        }
        /*
            参数一:图片对象
            参数二:后缀名，输出到页面或文件中使用
            参数三:输出流
         */
        //3.将图片输出到页面展示
        ImageIO.write(image,"jpg",resp.getOutputStream());
    }
    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {

    }
}

测试

实现验证码切换

分析

​ 点击超链接或者图片，需要换一张

步骤

1. 给超链接和图片绑定单击事件
2. 重新设置图片的src属性值

代码示例

测试一：实现不了切换的功能，因为浏览器中存在缓存，一直是第一次运行的结果，故想要每一次都有切换的效果，引入时间戳。

<%@ page contentType="text/html;charset=UTF-8" language="java" %>

  
    
  
  
  
    
    看不清换一张
  

测试二：加入时间戳

<%@ page contentType="text/html;charset=UTF-8" language="java" %>

  
    
  
  
  
    
    看不清换一张
  

测试三：给超链接加 点击事件

<%@ page contentType="text/html;charset=UTF-8" language="java" %>

  
    
  
  
  
    
    <%--javascript:void(0):取消超链接效果--%>
    看不清换一张