JavaWebケース（2）：応答オブジェクトを使用して検証コードを実現する

I.はじめに

この機能を開発する前に、検証コードはどこから来たのかという質問について最初に考える必要があります。これは、2つの実装方法に分けることができます。

1. フロントエンド実装（js）
2. バックエンド実装の場合、Java画像クラスを使用して画像を生成する必要があります（現在、バックエンド実装が使用されています）

2、コードのデモンストレーション

package com.xu.servlet;

import javax.imageio.ImageIO;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.awt.*;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.util.Random;

public class ImageServlet extends HttpServlet {
    
    
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
    
    
        //如何让浏览器3s刷新一次
        resp.setHeader("refresh","3");

        //在内存中创建一个图片
        BufferedImage image = new BufferedImage(80,20,BufferedImage.TYPE_INT_RGB);
        //得到图片
        Graphics2D g = (Graphics2D) image.getGraphics(); //这是一只笔，可以画图
        //设置图片的背景颜色
        g.setColor(Color.white);
        g.fillRect(0,0,80,20);
        //给图片写数据
        g.setColor(Color.BLUE);
        g.setFont(new Font(null,Font.BOLD,20));
        g.drawString(makeNum(),0,20);

        //告诉浏览器，这个请求用图片的方式打开
        resp.setContentType("image/jpg");
        //网站存在缓存，不让浏览器环存
        resp.setDateHeader("expires",-1);
        resp.setHeader("Cache-Control","no-cache");//缓存控制，不缓存
        resp.setHeader("Pragma","no-cache");

        //把图片写给浏览器
        ImageIO.write(image, "jpg",resp.getOutputStream());
    }
    //生成随机数
    private String makeNum(){
    
    
        Random random = new Random();
        String num = random.nextInt(9999999) + "";//代表7位数的验证码
        StringBuffer sb = new StringBuffer();
        for (int i = 0; i < 7 - num.length(); i++) {
    
    
            sb.append("0");
        }
        String s = sb.toString() + num;
        return num;
    }

    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
    
    
        doGet(req,resp);
    }
}

コードを記述した後、web.xmlアクセスアドレスを構成し、コードにアクセスして確認コードを取得し、3秒ごとに更新すると、次のような効果があります。

3.要約：

実際、上記のコードを理解することができます。今では、検証コード機能を実現するためにこの種のコードを使用する人は誰もいません。その原理とアイデアを学ぶだけで済みます。GUIテクノロジーは少し時代遅れです。