JavaWeb案例(二):使用response对象实现验证码

一、前言

开发这个功能之前,我们先要想一个问题,验证码是怎么来的?可以分为两种实现方式。

  1. 前端实现(js)
  2. 后端实现,需要用到java的图片类,生成一个图片(今天采用后端实现方式)

二、代码演示

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秒刷新一次,效果如下:
在这里插入图片描述

三、总结:

其实以上这段代码了解一下即可,现在根本没有人使用这类代码实现验证码功能,我们只需要学习它的原理思想就足够了,GUI方面的技术已经有点过时了。

猜你喜欢

转载自blog.csdn.net/weixin_46594796/article/details/109399124