投稿
  1. 半码博客首页
  2. 后端笔记

Servlet方式实现验证码–Javaweb

seven_ • • 后端笔记 • 阅读 80

导读：本篇文章讲解 Servlet方式实现验证码–Javaweb，希望对大家有帮助，欢迎收藏，转发！站点地址：www.bmabk.com

目录

动手实践：Servlet方式实验验证码

1.常量字符串来作为验证码

这是一个生成常量字符串验证码的Servlet 

验证码页面显示 yanzehngma.jsp

验证码展示：

2.用一个定义的字符库来实现动态验证码

代码实现：

实现如下（Ctrl+F5刷新页面）

 绘制一些干扰线

 优化后的代码（所有代码）

Servlet：

 JSP：

效果图：

升级版请看下篇：

(1条消息) Servlet方式实现验证码–Javaweb（升级版/完整版）_小孙的代码分享的博客-CSDN博客

 

动手实践：Servlet方式实验验证码

首先，我们先用常量字符串来作为验证码来测试程序，其次将常量字符串变为变量来实现一个动态验证码的生成。

1.常量字符串来作为验证码

这是一个生成常量字符串验证码的Servlet 

package random.code;
import sun.net.www.content.text.Generic;
<%--
  Created by IntelliJ IDEA.
  User: 86130
  Date: 2022/4/24
  Time: 17:05
  To change this template use File | Settings | File Templates.
--%>
<%@ pa

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;

@WebServlet("/yanzhengma")
public class CodeServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        //get 请求和 post 请求一样，直接交给post处理，回调doPost
        this.doPost(req,resp);
    }

    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        //post 请求中写业务功能
        //几板斧 哈哈
        resp.setContentType("text/html;charset=utf-8");
        int width=120;
        int height=30;
        //创建一个内存中带缓存的图片对象
        BufferedImage image=new BufferedImage(width,height,BufferedImage.TYPE_3BYTE_BGR);
        //获取2D画笔对象
        Graphics g=image.getGraphics();
        //给画笔对象设置颜色，为图片喷绘背景色
        g.setColor(Color.white);
        g.fillRect(0,0,width,height);
        //设置颜色，绘制图片边框
        g.setColor(Color.black);
        g.drawRect(1,1,width-2,height-2);


        //先使用一个常量字符串测试程序设计思路 String
        String str1="J L O K";
        g.setColor(Color.RED);
        g.setFont(new Font("宋体",Font.ITALIC,20));
        g.drawString(str1,15,22);



        //使用响应对象的字节输出流，写到客户端浏览器
        ImageIO.write(image,"jpg",resp.getOutputStream());

    }
}

验证码页面显示 yanzehngma.jsp

<%--
  Created by IntelliJ IDEA.
  User: 86130
  Date: 2022/4/24
  Time: 17:05
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<center>
<h2>登录验证码</h2>
验证码：<input type="text" name="random">&nbsp;<img src="yanzhengma"><br>
<input type="submit" value="登录"><br>
</center>
</body>
</html>

验证码展示：

Servlet方式实现验证码--Javaweb

 Servlet方式实现验证码--Javaweb

 由此证明，设计思路正确，接着我们来实现动态验证码。

2.用一个定义的字符库来实现动态验证码

代码实现：

建立字符仓库，按照随机读取字符串下标来随机组合验证码。

public class CodeServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        //get 请求和 post 请求一样，直接交给post处理，回调doPost
        this.doPost(req,resp);
    }

    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        //post 请求中写业务功能
        //几板斧 哈哈
        resp.setContentType("text/html;charset=utf-8");
        int width=120;
        int height=30;
        //创建一个内存中带缓存的图片对象
        BufferedImage image=new BufferedImage(width,height,BufferedImage.TYPE_3BYTE_BGR);
        //获取2D画笔对象
        Graphics g=image.getGraphics();
        //给画笔对象设置颜色，为图片喷绘背景色
        g.setColor(Color.white);
        g.fillRect(0,0,width,height);
        //设置颜色，绘制图片边框
        g.setColor(Color.black);
        g.drawRect(1,1,width-2,height-2);


        //先使用一个常量字符串测试程序设计思路 String
        String yzm="";
        //想办法将yzm，在0-9和a-z、A-Z中随机组合4个字符的字符串  定义一个字符仓库
        String baseChar="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";
        //随机数对象
        Random rd=new Random();
        for (int i = 0; i <4; i++) {
            int pos=rd.nextInt(baseChar.length());
            yzm=yzm+" "+baseChar.charAt(pos);

        }
        g.setColor(Color.RED);
        g.setFont(new Font("宋体",Font.ITALIC,20));
        g.drawString(yzm,15,22);
        
        //使用响应对象的字节输出流，写到客户端浏览器
        ImageIO.write(image,"jpg",resp.getOutputStream());
    }
}

实现如下（Ctrl+F5刷新页面）

Servlet方式实现验证码--Javaweb

 绘制一些干扰线

/*
         * 在图片上画随机线条
         * @param g
         * */
        g.setColor(Color.blue);
        for (int i = 0; i < 10; i++) {
            int x1= rd.nextInt(width);
            int y1=rd.nextInt(height);
            int x2= rd.nextInt(width);
            int y2= rd.nextInt(height);
            g.drawLine(x1,y1,x2,y2);
        }

实现：

Servlet方式实现验证码--Javaweb

Servlet方式实现验证码--Javaweb

 优化后的代码（所有代码）

Servlet：

package random.code;
import sun.net.www.content.text.Generic;

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("/yanzhengma")
public class CodeServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        //get 请求和 post 请求一样，直接交给post处理，回调doPost
        this.doPost(req,resp);
    }

    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        //post 请求中写业务功能
        //几板斧 哈哈
        resp.setContentType("text/html;charset=utf-8");
        int width=120;
        int height=30;
        //创建一个内存中带缓存的图片对象
        BufferedImage image=new BufferedImage(width,height,BufferedImage.TYPE_3BYTE_BGR);
        //获取2D画笔对象
        Graphics g=image.getGraphics();
        //给画笔对象设置颜色，为图片喷绘背景色
        g.setColor(Color.white);
        g.fillRect(0,0,width,height);
        //设置颜色，绘制图片边框
        g.setColor(Color.black);
        g.drawRect(1,1,width-2,height-2);


        //先使用一个常量字符串测试程序设计思路 String
        String yzm="";
        //想办法将yzm，在0-9和a-z、A-Z中随机组合4个字符的字符串  定义一个字符仓库
        String baseChar="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";
        //随机数对象
        Random rd=new Random();
        for (int i = 0; i <4; i++) {
            int pos=rd.nextInt(baseChar.length());
            yzm=yzm+" "+baseChar.charAt(pos);

        }
        g.setColor(Color.RED);
        g.setFont(new Font("宋体",Font.ITALIC,20));
        g.drawString(yzm,15,22);
        //绘制一些干扰线
        /*
         * 在图片上画随机线条
         * @param g
         * */
        g.setColor(Color.blue);
        for (int i = 0; i < 10; i++) {
            int x1= rd.nextInt(width);
            int y1=rd.nextInt(height);
            int x2= rd.nextInt(width);
            int y2= rd.nextInt(height);
            g.drawLine(x1,y1,x2,y2);
        }

        //给客户端设置MINE类型
        resp.setHeader("content-type","image/jpeg");
        //使用响应对象的字节输出流，写到客户端浏览器
        //设置响应头控制浏览器不要缓存
        resp.setDateHeader("expries", -1);
        resp.setHeader("Cache-Control", "no-cache");
        resp.setHeader("Pragma", "no-cache");

        ImageIO.write(image,"jpg",resp.getOutputStream());
    }
}

 JSP：

<%--
  Created by IntelliJ IDEA.
  User: 86130
  Date: 2022/4/24
  Time: 17:05
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <script>
        window.onload=function changeImg() {
            var img=document.getElementById("randomImg");
            //给img对象绑定一个点击事件
            img.onclick=function () {
                //鼠标每单击一次验证码图片，设置img标签的src属性，然后图片标签就会调用src指向的资源
                var time=new Date().getTime();
                img.src="yanzhengma?id="+time;

            }
        }

    </script>
</head>
<body>
<center>
<h2>登录验证码</h2>
    账号：<input type="text" name="random"><br>
    密码：<input type="text" name="random"><br>
验证码：<input type="text" name="random">&nbsp;<img id="randomImg" src="yanzhengma"><a href="#" onclick="changeImg()">看不清,换一张</a><br>
<input type="submit" value="登录"><br>
</center>
</body>
</html>

效果图：

Servlet方式实现验证码--Javaweb

升级版请看下篇：

(1条消息) Servlet方式实现验证码–Javaweb（升级版/完整版）_小孙的代码分享的博客-CSDN博客

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。

文章由半码博客整理，本文链接：https://www.bmabk.com/index.php/post/119588.html

赞 (0)
seven_的头像seven_bm
0 0

相关推荐

发表回复

登录后才能评论
半码博客——专业性很强的中文编程技术网站，欢迎收藏到浏览器，订阅我们！