使用Java实现验证码程序

 更新时间:2022年04月25日 18:29:34   作者:莫得感情的程序猿  
这篇文章主要为大家详细介绍了使用Java实现验证码程序,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

用java实现的给浏览器响应验证码程序。并且是实现了可以点击验证码图片换一张验证码。

最后边给出了完整的代码。

//首先定义一个自己的类并且去继承HttpServlet这个类
public class CheckImg extends HttpServlet{
    //复写HttpServlet中的doGet方法
    public void doGet(HttpServletRequest req,HttpServletResponse resp) throws ServletException,
    IOException{
        //准备一张画纸,将验证码中的数字字母写到这张画纸中
        int width = 120;
        int height = 30;
        BufferedImage bufi = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);
        //这里面的width、height、就是这张画纸的长宽。BufferedImage.TYPE_INT_RGB就是这张画纸基于
        //RGB三原色来进行画


        //这个时候并没有在这张纸上书写任何内容,但是已经可以像客户端响应请求了
        ImageIO.write(bufi, "jpg", resp.getOutputStream());
    }
}

这时候可以在浏览器上看到一个长120,高30的矩形小框。

//设置画笔颜色
g.setColor(Color.WHITE);
//将这个颜色填充到整个画纸
g.fillRect(0,0,width,height);

浏览器上就显示出来一个白色的小框也就是上边定义的画纸

开始在画纸上画验证码了。

//定义图片上可以写什么数据
String data = "QWERTYUIOPASDFGHJKLZXCVBNMqwertyuiopasdfghjklzxcvbnm1234567890";
//定义书写在画纸上的起始位置
int x =15;
int y =25;
//定义一个随机数
Random r = new Random();
//定义一个StringBuilder字符串缓冲区
StringBuilder sb = new StringBuilder();
//定义一个循环给画纸上写四个数据
for(int i = 0; i < 4; i++){
//从data中随机获取一个下标的数据
char c = data.charAt(r.nextInt(data.length()));
//每写一个数据就将这个数放到字符串缓冲区中
sb.append(c+"")
//随机生成画笔的颜色,RGB三原色随机在0-256中随机生成
g.setColor(new Color(r.nextInt(256),r.nextInt(256),r.nextInt(256)));
//设置字体
g.setFont(new Font("黑体",Font.BOLD,26));
//将数据写到画纸上
g.drawString(c+"",x,y);
 //没写完一个调整下一个数据写的位置
  x += 25;
  }
//循环结束也就是所有的数据都放在字符串缓冲区中
HttpSession session = req.getSession();
session.setAttribute("checkNum",sb.toString());

再重启tomcat在浏览器上能看到书写验证码了

在画纸上添加干扰信息

//添加线类型的干扰信息
        for(int i = 0; i < 15 ; i++){
            //同样设置线的颜色
            g.setColor(new Color(r.nextInt(256),r.nextInt(256),r.nextInt(256)));
            //开始划线,这里需要的四个参数中前两个是线开头的左边,后边两个是线结束的坐标
            g.drawLine(r.nextInt(width),r.nextInt(height),r.nextInt(width),r.nextInt(height));
        }
        //添加点类型干扰信息
        for (int i = 0 ; i < 150 ; i++){
            //设置点的颜色
            g.setColor(new Color(r.nextInt(256),r.nextInt(256),r.nextInt(256)));
            //开始画点,实质上这是画椭圆,将上半轴半径,左半轴半径设置为0就可以看成是一个点
            g.drawOval(r.nextInt(width),r.nextInt(height),0,0);
        }

在浏览器上就能看到验证码上充满点和横线,降低辨识度

貌似还没有达到想要的结果,将字体设置一点倾斜度就更好了

//设置数据旋转
double theta =(30 - (r.nextInt(60)))*Math.PI/180;
g.rotate(theta,x,24);
//将数据写到画纸上
g.drawString(c+"",x,y);
//设置完旋转要调回,防止数据旋转的看不到
g.rotate(-theta,x,24);

可以看到图片中的数据进行了略微的倾斜

html注册页面代码

这里只截取了body和script部分的代码

<body>

<fieldset id="">
  <legend>注册页面</legend>
  <form action="/day02/register2" method="post" id="form" >
    <table>
      <tr>
        <td>用户名:</td>
        <td><input type="text" name="userName" /><span id="span1"></span></td>
      </tr>
      <tr>
        <td>
          密码:
        </td>
        <td>
          <input type="password" name="password" />
        </td>

      </tr>
      <tr>
        <td>
          确认密码:
        </td>
        <td>
          <input type="password" name="repassword" />
          <span id="span2"></span>
        </td>

      </tr>
      <tr id="tr4">
        <td>
          性别:
        </td>
        <td>
          <input type="radio" name="sex" value="男" />男
          <input type="radio" name="sex" value="女" />女
          <span id="span3"></span>
        </td>
      </tr>
      <tr>
        <td>爱好:</td>
        <td>
          <input type="checkbox" name="hobby" value="唱" />唱
          <input type="checkbox" name="hobby" value="跳" />跳
          <input type="checkbox" name="hobby" value="rap" />rap
          <input type="checkbox" name="hobby" value="篮球" />篮球
          <span id="span4"></span>
        </td>
      </tr>
      <tr>
        <td>国籍:</td>
        <td>
          <select name="country" id="country">
            <option value="none">--请选择国籍--</option>
            <option value="中国">中国</option>
            <option value="韩国">韩国</option>
            <option value="日本">日本</option>
            <option value="美国">美国</option>
          </select>
          <span id="span5"></span>
        </td>
      </tr>
      <tr>
        <td>自我评价:</td>
        <td>
          <textarea rows="10px" cols="20px" id="textarea" name="describe" ></textarea>
        </td>
      </tr>
      <tr>
        <td>
          验证码:
        </td>
        <td>
          //定义一个input标签,用户输入验证码
          <input type="text" name="check"/>
          //input标签后链接了上边写的验证码生成Servlet程序
          //并且更改鼠标放在图片上的样式,和添加了点击事件
          <img src="/day02/demo" id="img" onclick="checkImg()" style = "cursor: pointer">
          <a href="javascript:void(0);" onclick="checkImg()">换一张</a>
        </td>
      </tr>
    </table>
    <input type="submit" id="btn2" value="提交" />
    <input type="button" id="btn1" value="验证" />
  </form>

</fieldset>
</body>
<script type="text/javascript">
  function checkImg() {
      //通过ID属性拿到img标签
    var img = document.getElementById("img");
    //当浏览器发现两次请求的URL相同时不会主动的向服务器请求图片
    //所以需要实时的更改URL,这里采用的是在URL后边拼接一个当前系统时间的毫秒值
    //这样就能保证每一毫秒的URL都不同,从而浏览器会给服务器发送图片的请求
    img.src ="/day02/demo?"+new Date().getTime()

  }
</script>

完整的代码

@WebServlet(urlPatterns = "/demo")
public class CheckImg extends HttpServlet {
    //复写HttpServlet中的doGet方法
    public void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException,
    IOException{
        //准备一张画纸,将验证码中的数字字母写到这张画纸中
        int width = 120;
        int height = 30;
        BufferedImage bufi = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);
        //这里面的width、height、就是这张画纸的长宽。BufferedImage.TYPE_INT_RGB就是这张画纸基于
        //RGB三原色来进行画
        //获取一个画笔对象,给图片上画画
        Graphics2D g = (Graphics2D) bufi.getGraphics();
        //设置画笔颜色
        g.setColor(Color.WHITE);
        //将这个颜色填充到整个画纸
        g.fillRect(0,0,width,height);
        //定义图片上可以写什么数据
        String data = "QWERTYUIOPASDFGHJKLZXCVBNMqwertyuiopasdfghjklzxcvbnm1234567890";
        //定义书写在画纸上的起始位置
        int x =15;
        int y =25;
        //定义一个随机数
        Random r = new Random();
        //定义一个循环给画纸上写四个数据
        for(int i = 0; i < 4; i++){
            //从data中随机获取一个下标的数据
            char c = data.charAt(r.nextInt(data.length()));
            //随机生成画笔的颜色,RGB三原色随机在0-256中随机生成
            g.setColor(new Color(r.nextInt(256),r.nextInt(256),r.nextInt(256)));
            //设置字体
            g.setFont(new Font("黑体",Font.BOLD,26));
           //设置数据旋转
            double theta =(30 - (r.nextInt(60)))*Math.PI/180;
            g.rotate(theta,x,24);
            //将数据写到画纸上
            g.drawString(c+"",x,y);
            //设置完旋转要调回,防止数据旋转的看不到
             g.rotate(-theta,x,24);

            //将数据写到画纸上
            g.drawString(c+"",x,y);
            //g.rotate(-theta,r.nextInt(width),24);
            //设置完旋转要调回,防止数据旋转的看不到
            g.rotate(-((10)*3.14/180),15*i+8,7);
            //每写完一个调整下一个数据写的位置
            x += 25;
        }
        //添加线类型的干扰信息
        for(int i = 0; i < 15 ; i++){
            //同样设置线的颜色
            g.setColor(new Color(r.nextInt(256),r.nextInt(256),r.nextInt(256)));
            //开始划线,这里需要的四个参数中前两个是线开头的左边,后边两个是线结束的坐标
            g.drawLine(r.nextInt(width),r.nextInt(height),r.nextInt(width),r.nextInt(height));
        }
        //添加点类型干扰信息
        for (int i = 0 ; i < 150 ; i++){
            //设置点的颜色
            g.setColor(new Color(r.nextInt(256),r.nextInt(256),r.nextInt(256)));
            //开始画点,实质上这是画椭圆,将上半轴半径,左半轴半径设置为0就可以看成是一个点
            g.drawOval(r.nextInt(width),r.nextInt(height),0,0);
        }


        //给客户端响应请求
        ImageIO.write(bufi, "jpg", resp.getOutputStream());
    }
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • spring-boot-maven-plugin 配置有啥用

    spring-boot-maven-plugin 配置有啥用

    这篇文章主要介绍了spring-boot-maven-plugin 配置是干啥的,这个是SpringBoot的Maven插件,主要用来打包的,通常打包成jar或者war文件,本文通过示例代码给大家介绍的非常详细,需要的朋友可以参考下
    2022-08-08
  • springboot中的starter及自定义方法详解

    springboot中的starter及自定义方法详解

    这篇文章主要介绍了springboot中的starter及自定义方法详解,Starter是Spring Boot中的一个非常重要的概念,Starter相当于模块,它能将模块所需的依赖整合起来并对模块内的Bean根据环境(条件)进行自动配置,需要的朋友可以参考下
    2023-11-11
  • IDEA配置SpringBoot热启动,以及热启动失效问题

    IDEA配置SpringBoot热启动,以及热启动失效问题

    这篇文章主要介绍了IDEA配置SpringBoot热启动,以及热启动失效问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2023-11-11
  • Java14对于NullPointerException的新处理方式示例解析

    Java14对于NullPointerException的新处理方式示例解析

    这篇文章主要为大家介绍了Java14对于NullPointerException的新处理方式示例解析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-09-09
  • Spring Boot 自动配置的实现

    Spring Boot 自动配置的实现

    这篇文章主要介绍了Spring Boot 自动配置的实现,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-08-08
  • Spring 多线程事务控制的实践

    Spring 多线程事务控制的实践

    本文主要介绍了Spring 多线程事务控制的实践,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-09-09
  • 详解Java 10 var关键字和示例教程

    详解Java 10 var关键字和示例教程

    在本文中,我将通过示例介绍新的Java SE 10特性——“var”类型。你将学习如何在代码中正确使用它,以及在什么情况下不能使用它,需要的朋友可以参考下
    2018-10-10
  • Spring Boot获取微信用户信息的超简单方法

    Spring Boot获取微信用户信息的超简单方法

    这篇文章主要给大家介绍了关于Spring Boot获取微信用户信息的超简单方法,文中通过示例代码介绍的非常详细,对大家学习或者使用Spring Boot具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-09-09
  • Springboot实现人脸识别与WebSocket长连接的实现代码

    Springboot实现人脸识别与WebSocket长连接的实现代码

    这篇文章主要介绍了Springboot实现人脸识别与WebSocket长连接的实现,本文通过示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
    2023-11-11
  • java利用POI读取excel文件的方法

    java利用POI读取excel文件的方法

    这篇文章主要介绍了java利用POI读取excel文件的方法,帮助大家更好的理解和学习Java,感兴趣的朋友可以了解下
    2020-12-12

最新评论