Servlet之 验证码(初级)

最新推荐文章于 2020-10-09 23:23:18 发布
最新推荐文章于 2020-10-09 23:23:18 发布
阅读量232 收藏
点赞数
文章标签： Servlet 验证码 随机生成验证码
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45156813/article/details/92428162
版权

Servlet之 验证码(初级)

需求:

使用Servlet向页面响应验证码,并且点击验证码或者"看不清楚,换一张"可以刷新验证码

需求分析:

Servlet中需要完成的需求:
  • 验证码的本质:就是一张图片
  • 使用Servlet向页面响应验证码和现实中使用画板绘画一样:
    1.设置画布的尺寸:宽度(width),高度(height)
    2.有了画布之外还需要画笔
    3.设置画笔的颜色,使用RGB颜色,red,green,blue三种颜色随机组合
    4.要组合颜色就需要使用Random随机生成器对象
    5.画布的背景颜色默认为black,我们需要随机更改画布的背景色
  • 画布准备就绪以后,就需要准备验证码的素材了
    准备一串字符串,包含26个大写字母、26个小写字母、0-9数字字母
  • 一般验证码的位数为4位,我们在验证码素材字符串中随机选择4位即可
  • 将随机选择的字符写入画布中;写入画布的验证码的颜色也是随机的
  • 画干扰线(在画布上使用不同的颜色画上几条干扰线)
  • 将完成的画布响应到页面即可
HTML页面中需要完成的需求:
  • 简单显示几个标签即可(本需求重点不在HTML页面)
  • 使用JavaScript实现点击验证码和点击"看不清楚,换一张"刷新验证码的需求

HTML页面代码实现:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>login</title>

</head>
<body>

<form action="/day28_response/checkcodeServlet" method="post">
    <table>
        <tr>
            <td>用户名</td>
            <td><input type="text" name="username"/></td>
        </tr>
        <tr>
            <td>密码</td>
            <td><input type="password" name="password"/></td>
        </tr>
        <tr>
            <td>验证码：</td>
            <td><input type="password" name="checkcode"/></td>
        </tr>
        <tr>
            <td></td>
            <td><img id="img" src="/day28_response/checkcodeServlet"/></td>
            <td><a href="javascript:void(0)" id="change">看不清楚,换一张</a></span></td>
        </tr>

        <tr>
            <td></td>
            <td><input type="submit" value="登录"/></td>
        </tr>
    </table>
</form>

</body>
</html>

<script>
	
	//给验证码图片和"看不清楚,换一张"绑定单击事件
    window.onload = function () {
        var img = document.getElementById("img");
        img.onclick=function () {
            img.src="/day28_response/checkcodeServlet?r="+new Date().getTime();
        };
        var change = document.getElementById("change");
        change.onclick = function () {
            img.src="/day28_response/checkcodeServlet?r="+new Date().getTime();
        }
    }

</script>

Servlet中代码实现:

package 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 {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        this.doGet(request, response);
    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //创建画布
        //画布的宽,高
        int width = 120;
        int height = 40;
        BufferedImage bufferedImage = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);

        //获得画笔
        Graphics graphics = bufferedImage.getGraphics();

        //获取随机对象
        Random random = new Random();

        //设置画笔颜色随机生成
        //graphics.setColor(Color.gray);//固定颜色
        graphics.setColor(new Color(random.nextInt(255),random.nextInt(255),random.nextInt(255)));
        //填充背景颜色
        graphics.fillRect(0, 0, width, height);

        //生成随机字符
        //准备数据
        String str = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890";

        //声明变量存储生成的验证码
        String code = "";

        //随机生成4个字符
        for (int i = 1; i <= 4; i++) {
            //设置字体
            graphics.setFont(new Font("宋体", Font.HANGING_BASELINE, 30));
            //随机生成颜色
            graphics.setColor(new Color(random.nextInt(255), random.nextInt(255), random.nextInt(255)));
            //随机生成字符索引
            int index = random.nextInt(str.length());
            String cha = str.charAt(index) + "";
            //将随机生成的字符写入画布,并且验证码写入画布的位置不在一条线上
            graphics.drawString(cha, 120 / 5 * i, random.nextInt(height / 2) + height / 2);
            code += cha;
        }


        //画干扰线:
        for (int i = 0; i < 10; i++) {
            //随机生成画笔颜色
            graphics.setColor(new Color(random.nextInt(255), random.nextInt(255), random.nextInt(255)));
            //画干扰线到画布中
            graphics.drawLine(random.nextInt(width), random.nextInt(height), random.nextInt(width), random.nextInt(height));
        }

        //将画布写到浏览器中
        ImageIO.write(bufferedImage, "png", response.getOutputStream());
    }
}

实现效果

  • 打开HTML页面显示的效果:
    打开HTML页面显示的效果
  • 刷新HTML页面后,验证码也随之刷新:
    刷新HTML页面后,验证码也随之刷新
  • 点击验证码图片,验证码随即刷新:
    在这里插入图片描述
  • 点击"看不清楚,换一张"也可以实现刷新验证码的效果:
    点击"看不清楚,换一张"也可以实现刷新验证码的效果
  • 可多次刷新验证码:
    刷新验证码1
    在这里插入图片描述
java-xiang
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
servlet实现验证码
04-20
servlet实现验证码
javaweb servlet生成简单验证码
08-24
JavaWeb Servlet 生成简单验证码详解 JavaWeb Servlet 生成简单验证码是指通过 Java 语言和 Servlet 技术生成的验证码，主要用于防止机器人攻击和自动提交表单。下面是关于 JavaWeb Servlet 生成简单验证码的详细...
Servlet:验证码的原理
熊诗言的博客
11-20 381
验证码的原理是：在页面中通过img显示验证码图片，img的src访问一个生成验证码的servlet，这个servlet生成验证码的同时把与这个验证码对应的 文本保存在session中，每次页面上点击“换一个验证码”，就通过javascript代码改变img的src，就又访问这个servlet，生成另外一个验证码图片和 保存到session中的文本，然后在验证码页面提交的时候同时需要提交用户输入
使用Servlet实现验证码
yewen1234的博客
06-29 323
没有验证码带来的问题 对特定用户不断登录破解密码。 对某个网站创建账户。 对某个网站提交垃圾数据。 对某个网站刷票。 通过验证码由用户肉眼识别其中的验证码信息，从而区分用户是人还是计算机。 定义： 验证码（CAPTCHA）:是一种区分用户是计算机还是人的公共全自动程序。 作用：防止恶意破解密码、刷票、论坛灌水，防止黑客暴力破解。 使用Servlet实现验...
servlet制作验证码
weixin_46698994的博客
06-04 257
1.打开项目，看一下自己的分支位置，再pull，再写代码 简化代码： 声明方法： private void showMsg(HttpServletResponse resp,String msg){ 传参 resp.setCharacterEncoding("utf-8");//使web界面上显示中文 PrintWriter out = resp.getWriter(); out.println("<htm
servlet 验证码
whb3299065的博客
11-25 327
看代码和注释 用于产生验证码 1 package com.whbweb.top.util; 2 3 import java.awt.Color; 4 import java.awt.Font; 5 import java.awt.Graphics2D; 6 import java.awt.image.BufferedImage; 7
java使用servlet实现验证码
08-31
主要介绍了java使用servlet实现验证码，简单实用，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
java web笔记之servlet生成验证码
03-11
本笔记将详细探讨如何使用Servlet来生成验证码。 一、验证码的原理与作用 验证码的主要目的是区分人类用户和自动化程序，通过要求用户输入图片上的文字或者完成简单的数学问题，来验证其为真实的人类。这有助于防止...
java web开发之servlet图形验证码功能的实现
08-28
Java Web 开发之 Servlet 图形验证码功能的实现 Java Web 开发中，图形验证码是一种常用的安全机制，旨在防止自动工具的滥用和恶意攻击。在本文中，我们将详细介绍如何使用 Java 技术和 Servlet 实现一个图形...
Servlet实现验证码
09-23
java Servlet实现验证码 Servlet实现验证码 Servlet实现验证码
基于servlet实现简单验证码验证
07-20
简单servlet验证码验证，可用于SSH项目中
利用servlet动态生成验证码
09-14
本教程主要讲解如何利用Servlet来实现动态生成验证码的功能，这对于防止机器人或恶意自动化程序在网站上进行非法操作至关重要。验证码通常由一串随机字符组成，用户需要正确输入才能完成特定操作，如注册、登录或...
servlet验证码
weixin_40101868的博客
09-17 254
所谓验证码（CAPTCHA)，就是将一串随机产生的数字或符号，生成一幅图片，由用户肉眼识别其中的验证码信息，输入表单提交网站验证，验证成功后才能使用某项功能。 验证码的主要作用一般是防止批量注册的和恶意程序暴力破解登录密码。目前，不少网站为了防止用户利用机器人自动注册、登录、灌水，都采用了验证码技术。验证码实际上是动态生成的一幅图片， 图片里加上一些干扰象素（防止OCR），以增加恶意程序自
flask-wtf表单验证与pillow图形验证码
qq_44657868的博客
10-09 391
flask-wtf用来验证表单数据，pillow用来生成图片验证码 1. 安装 pip install flask-wtf pip install pillow 编写 在flask项目下创建form.py，表单验证类 from flask_wtf import FlaskForm # 继承的父类 from wtforms import StringField, PasswordField, DateField # 字段 from wtforms.validators import DataRequi
Servlet验证码
lizc_lizc的博客
03-05 205
一，新建Servlet，命名为IdentityServlet，用于生成验证码。在web.xml中配置映射地址为"/demo/IdentityServlet"。代码如下：public class IdentityServlet extends HttpServlet { private static final long serialVersionUID = 1L; // 获取随机颜色 ...
Servlet 验证码
heyong0807的专栏
05-26 111
1.ValidateCodeServlet.java package com.hey.servlet.img; import java.io.IOException; import javax.servlet.ServletConfig; import javax.servlet.ServletException; import javax.servlet.http.Http...
用idea的servlet实现验证码功能
最新发布
05-10
实现验证码功能的主要思路是在用户注册或登录时生成一个随机的验证码图片，并将验证码保存在session中。当用户提交表单时，将用户输入的验证码与session中保存的验证码进行比对，如果一致则继续执行，否则提示用户输入错误。 以下是一个使用IDEA和Servlet实现验证码功能的示例代码。 1. 首先，在web.xml中配置servlet和servlet-mapping： ```xml <servlet> <servlet-name>VerifyCodeServlet</servlet-name> <servlet-class>com.example.VerifyCodeServlet</servlet-class> </servlet> <servlet-mapping> <servlet-name>VerifyCodeServlet</servlet-name> <url-pattern>/verifyCode</url-pattern> </servlet-mapping> ``` 2. 创建一个名为VerifyCodeServlet的servlet类，实现doGet方法： ```java package com.example; 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 javax.servlet.http.HttpSession; import java.awt.*; import java.awt.image.BufferedImage; import java.io.IOException; import java.util.Random; @WebServlet("/verifyCode") public class VerifyCodeServlet extends HttpServlet { protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { int width = 100; int height = 30; //创建一个图像缓冲区 BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB); //获取Graphics2D Graphics2D g2 = (Graphics2D) image.getGraphics(); //设置背景色 g2.setColor(Color.WHITE); g2.fillRect(0, 0, width, height); //设置字体 g2.setFont(new Font("宋体", Font.BOLD, 20)); //生成随机字符 String verifyCode = generateVerifyCode(); //将验证码保存在session中 HttpSession session = request.getSession(); session.setAttribute("verifyCode", verifyCode); //绘制验证码 Random random = new Random(); for (int i = 0; i < verifyCode.length(); i++) { g2.setColor(new Color(random.nextInt(255), random.nextInt(255), random.nextInt(255))); g2.drawString(String.valueOf(verifyCode.charAt(i)), i * 20 + 10, 20); } //加入干扰线 for (int i = 0; i < 5; i++) { g2.setColor(new Color(random.nextInt(255), random.nextInt(255), random.nextInt(255))); g2.drawLine(random.nextInt(width), random.nextInt(height), random.nextInt(width), random.nextInt(height)); } //输出图像到页面 response.setContentType("image/jpeg"); ImageIO.write(image, "jpeg", response.getOutputStream()); } /** * 生成随机验证码 * * @return */ private String generateVerifyCode() { String chars = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789"; StringBuilder sb = new StringBuilder(); Random random = new Random(); for (int i = 0; i < 4; i++) { sb.append(chars.charAt(random.nextInt(chars.length()))); } return sb.toString(); } } ``` 3. 在用户注册或登录页面中添加验证码图片和输入框： ```html <form action="login" method="post"> <div> <label for="username">用户名：</label> <input type="text" name="username" id="username"> </div> <div> <label for="password">密码：</label> <input type="password" name="password" id="password"> </div> <div> <label for="verifyCode">验证码：</label> <input type="text" name="verifyCode" id="verifyCode"> <img src="verifyCode" alt="验证码"> </div> <div> <input type="submit" value="登录"> </div> </form> ``` 4. 在用户登录或注册时验证验证码是否正确： ```java protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { //获取用户输入的验证码 String verifyCode = request.getParameter("verifyCode"); //获取session中保存的验证码 HttpSession session = request.getSession(); String sessionVerifyCode = (String) session.getAttribute("verifyCode"); //比对验证码 if (verifyCode.equalsIgnoreCase(sessionVerifyCode)) { //验证码正确，继续执行 } else { //验证码错误，提示用户 } } ``` 以上就是用IDEA和Servlet实现验证码功能的示例代码。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值