制作验证码

下面是我学习的制作验证码的功能，如下
首先创建一个servlet

package web.servlet;
import javax.imageio.ImageIO;
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 java.awt.*;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.util.Random;
//访问路径
@WebServlet("/checkCodeServlet")
public class CheckCodeServlet extends HttpServlet {
    public void doGet(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {
        //这里是通知浏览器不要缓存它
        response.setHeader("pragma","no-cache");
        response.setHeader("cache-control","no-cache");
        response.setHeader("expires","0");

        //在内存中创建一个长80，宽30的图片，默认是黑色背景
        int width = 80;
        int height = 30;
//这里是创建一个对象，再内存中存放图片（验证码图片对象）
        BufferedImage image = new BufferedImage(width,height,BufferedImage.TYPE_INT_RGB);
        //获取画笔
        Graphics g = image.getGraphics();
        //设置画笔颜色为灰色
        g.setColor(Color.GRAY);
        //填充图片
        g.fillRect(0,0, width,height);
        //产生随机验证码
        String checkCode = getCheckCode();
//将验证码放入HttpSession中
        request.getSession().setAttribute("CHECKCODE_SERVER",checkCode);

//设置画笔颜色，我这里设置的红色
        g.setColor(Color.RED);
//设置字体和字体大小
        g.setFont(new Font("黑体",Font.BOLD,24));
//把验证码放进图片里
        g.drawString(checkCode,15,25);

//将内存中的图片输出到浏览器，这里的参数一是图片对象，参数二是图片的格式，我这里设置的图片格式为PNG，参数三是把图片输出到哪里去
        ImageIO.write(image,"PNG",response.getOutputStream());
    }
    //产生随机字符串
    private String getCheckCode() {
//从下面随机抽取部分字符串
        String base = "0123456789QWERTYUIOPASDFGHJKLZXCVBNMqwertyuiopasdfghjklzxcvbnm";
        int size = base.length();
//生成随机角标
        Random r = new Random();
        StringBuffer sb = new StringBuffer();
//我这里设置的四个随机字符串
        for(int i=1;i<=4;i++){
            //产生0到size-1的随机值
            int index = r.nextInt(size);
            //在base字符串中获取下标为index的字符
            char c = base.charAt(index);
            //将c放入到StringBuffer中去
            sb.append(c);
        }
        return sb.toString();
    }
    public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        this.doGet(request,response); } }

然后再到jsp页面创建一个script标签，在里面写一个切换验证码方法

<script type="text/javascript">
    //切换验证码
    function refreshCode(){
        //1.获取验证码图片对象id
        var vcode = document.getElementById("vcode");

        //2.设置其src属性，添加时间戳，使其不重复，${pageContext.request.contextPath}是动态获取虚拟目录，你设置的虚拟目录是什么名字，他就是什么
        vcode.src = "${pageContext.request.contextPath}/验证码servlet方法路径名?time="+new Date().getTime();
    }
</script>

最后再到页面上准备一个div，如下

<div class="form-inline">
    <label for="vcode">验证码：</label>
    <input type="text" name="verifycode" class="form-control" id="verifycode" placeholder="请输入验证码" style="width: 120px;"/>
    <a href="javascript:refreshCode();">
        <img src="动态获取虚拟目录/验证码servlet方法路径名" title="看不清点击刷新" id="vcode"/>
    </a>
</div>

这样验证码就完成了，点击一下就会刷新，并且不会重复