javaweb登录验证码实现

步骤:①将图片的src的值设置为实现图片显示的那个java类的名字(src值的设置

及如下图:

 其中我们在给这个图片绑定一个点击事件(changge_img),实现点击图片,图片进行切换。(图片切换事件绑定),同时,可以设置该图片的样式。(样式设置

②实现图片切换的Java类,如下所示:

package com.example.demo19_birth;

import javax.imageio.ImageIO;
import javax.servlet.*;
import javax.servlet.http.*;
import javax.servlet.annotation.*;
import java.awt.*;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.util.Random;

@WebServlet(name = "ServletRemarkCode", value = "/ServletRemarkCode")
public class ServletRemarkCode extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        doPost(request,response);
    }
    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //处理图片的内容+图片的大小+图片的颜色

       //①创一个图像(由于我们是在电脑上所有创建一个与widows有关的图像)
        int width =80,height =25;
        BufferedImage bufferedImage = new BufferedImage(width,height,BufferedImage.TYPE_INT_BGR);//在这一步我们创了一个图片(但是图片上什么都没有)**
        //②在图片上画画
        //②.①首先得先获得在在图片上画画的权限
        Graphics graphics = bufferedImage.getGraphics();//权限赋给graphics
           //设置背景色
        graphics.setColor(Color.white);
           //设置背景色填充的范围
        graphics.fillRect(0,0,width,height);

        //做一个边框
          //先设置一个颜色
//        graphics.setColor(Color.GRAY);
//          //在将这个颜色画到这个图片的四周
//        graphics.drawRect(0,0,width-1,height-1);


        //处理内容
        String Code="";//随机数是多少----便于后台校验
        Random random = new Random();//产生随机数的盒子
        String str = "1234567890qwertyuiopasdfghjklzxcvbnm";
        graphics.setFont(new Font("微软黑雅",Font.BOLD,25));//设置等会儿画的字体的样式(字体的名字,字体的样式,字体的大小)

        //准备开画----产生4个随机数
        for(int i =0;i<4;i++){
            //产生指定长度以内的随机数-----便于通过下标获取到对应的字符
            int randomchar = random.nextInt(str.length());
            String c = ""+str.charAt(randomchar);//产生随机数对应下标的字符值
            //存入code中
            Code+= c;
            //产生一个随机数就画一个
              //随机产生一个颜色
            int r = random.nextInt(256);
            int g = random.nextInt(256);
            int b = random.nextInt(256);

            graphics.setColor(new Color(r,g,b));//设置画笔的颜色
            graphics.drawString(c,i*13,22);//将指定的字符绘制到画板上,并设置它的横纵坐标

        }
        //画线
        for(int i=0;i<3;i++){

            int r = random.nextInt(256);
            int g = random.nextInt(256);
            int b = random.nextInt(256);

            graphics.setColor(new Color(r,g,b));//设置画笔的颜色
            graphics.drawLine(random.nextInt(60),random.nextInt(30),random.nextInt(60),random.nextInt(30));
        }
        graphics.dispose();
        ImageIO.write(bufferedImage, "JPEG", response.getOutputStream());


    }
}

*java类大致流程:①创建一张指定大小的图片     ②获取在该图片上画画的权限

       ③设置画笔的颜色       ④利用刚刚画笔的颜色设置图片的背景色 

       ⑤创建一个随机数产生器以及创建一个验证码内容的字符串

        ⑥设置画笔绘制字体的样式(字体名称、字体样式、字体大小等)

        ⑦准备开画(注意,每次我们画一个字符),for循环4次(验证码的位数,我的有4位)每次产生一个验证码内容字符串长度以内的随机数。根据获得的随机数取出对应下标的字符。

       ⑧设置画笔的颜色并将该字符画到对应坐标上。然后一直循环即可

      ⑨调用dispose()方法将图片所有数据输出

     ⑩通过ImageIo类的write方法将我们刚刚画好的图片以指定的格式输出

猜你喜欢

转载自blog.csdn.net/qq_46586512/article/details/120839762