验证码实现

已于 2022-09-22 20:07:43 修改
阅读量147 收藏
点赞数
分类专栏： Javaweb学习笔记 文章标签： servlet java 前端
于 2022-09-02 10:33:04 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_48578877/article/details/126657638
版权

验证码实现

谷歌kaptcha图片验证码的使用

使用步骤

  • 导入谷歌验证码的jar包

    kaptcha-2.3.2.jar

  • 在web.xml中去配置用于生成验证码的Servlet程序

    <servlet>
    <servlet-name>KaptchaServlet</servlet-name>
    <servlet-class>com.google.code.kaptcha.servlet.KaptchaServlet</servlet-class>
</servlet>
    <servlet-mapping>
        <servlet-name>KaptchaServlet</servlet-name>
        <url-pattern>/kaptcha.jpg</url-pattern>
    </servlet-mapping>

  • 在表单中使用 img 标签去显示验证码图片并使用它

    <form method="get" action="Login2Servlet">
   用户名： <input type="text" name="username"  ><br>
   验证码：<input type="text" name="code" > <img id="code_img" src="kaptcha.jpg" width="100px"; height="28px;"><br>
    <input type="submit" value="登录">
</form>

  • 在服务器获取谷歌生成的验证码和客户端发送过来的验证码比较使用

    

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.io.IOException;
import java.io.PrintWriter;

import static com.google.code.kaptcha.Constants.KAPTCHA_SESSION_KEY;

@WebServlet(name = "Login2Servlet",value = "/Login2Servlet")
public class Login2Servlet extends HttpServlet {


    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
      doGet(request,response);
    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //设置编码格式
        request.setCharacterEncoding("UTF-8");
        response.setContentType("UTF-8");
        response.setContentType("text/html;charset=UTF-8");
        //获取页面的参数
        //获取 Session 中的验证码
        String token = (String) request.getSession().getAttribute(KAPTCHA_SESSION_KEY);
        //删除 Session 中的验证码
        request.getSession().removeAttribute(KAPTCHA_SESSION_KEY);
        String code = request.getParameter("code");
        //获取用户名
        String username = request.getParameter("username");
        if (token != null && token.equalsIgnoreCase(code)) {
            System.out.println("保存到数据库：" + username);
            PrintWriter out = response.getWriter();
            out.print("验证成功");
        } else {
            System.out.println("请不要重复提交表单");
            PrintWriter out = response.getWriter();
            out.print("请不要重复提交表单");
        }
    }
}

  • 切换验证码

    <%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>登录验证码的实现</title>
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</head>
<body>
<script>
    $(function () {
      $("#code_img").click(function () {
          this.src = "${basePath}kaptcha.jpg?d=" + new Date();
      });
    });
</script>
<form method="get" action="Login2Servlet">
   用户名： <input type="text" name="username"  ><br>
   验证码：<input type="text" name="code" > <img id="code_img" src="kaptcha.jpg" width="100px"; height="28px;"><br>
    <input type="submit" value="登录">
</form>
</body>
</html>

ValidateCode验证码

使用步骤

  • 导入Validate的jar包

    ValidateCode.jar

  • 创建验证码

    package com.controller;

import cn.dsna.util.images.ValidateCode;

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.io.IOException;

@WebServlet(name = "ValidateCodeController",value = "/ValidateCode")
public class ValidateCodeController extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
       doGet(request,response);
    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //参数分别为验证码图片长、高，字符数、干扰线数
        ValidateCode validateCode = new ValidateCode(200, 40, 4, 50);
        //获取生成的验证码
        String codes = validateCode.getCode();
        System.out.println(request.getRemoteAddr()+"生成："+codes);
        //0:0:0:0:0:0:0:1生成：cn.dsna.util.images.ValidateCode@3c7340a9
        //使用session存储生成的验证码
        HttpSession session = request.getSession();
        session.setAttribute("codes",codes);

        //响应给客户端
        validateCode.write(response.getOutputStream());

    }
}

  • 登录页面

    <%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>登录验证码的实现</title>
</head>
<body>
<form method="post" action="LoginServlet">
   用户名： <input type="text" name="username" value="username"><br>
   密码： <input type="password" name="password" value="password"><br>
   验证码： <input type="text" name="code"><img src="ValidateCode" ><br>
    <input type="submit" value="登录">
</form>
</body>
</html>

  • 验证

    package com.controller;

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.io.IOException;
import java.io.PrintWriter;

@WebServlet(name = "LoginServlet",value = "/LoginServlet")
public class LoginServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
     doGet(request,response);
    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
       //设置编码格式
        request.setCharacterEncoding("UTF-8");
        response.setContentType("UTF-8");
        response.setContentType("text/html;charset=UTF-8");
        //获取页面的参数
        String username = request.getParameter("username");
        String password = request.getParameter("password");
        String code = request.getParameter("code");
        //取得session中存储的codes
        HttpSession session = request.getSession();
        String codes = (String) session.getAttribute("codes");
        System.out.println(codes);
        //如果验证码不为空并且输入验证码正确    就比较账号密码是否正确否则返回登录页面
        if(!codes.isEmpty()&&codes.equalsIgnoreCase(code)){
            if(username.equals("username")&&password.equals("password")){
                System.out.println("登录成功");
                PrintWriter out = response.getWriter();
                out.print("登录成功");

//                request.getRequestDispatcher("index.jsp").forward(request,response);
            }else {
                System.out.println("登录失败，账号或密码错误");
                PrintWriter out = response.getWriter();
                out.print("登录失败，账号或密码错误");
//                response.sendRedirect("login.jsp");
            }
        }else {
            System.out.println("验证码错误");
            PrintWriter out = response.getWriter();
            out.print("验证码错误");
//            response.sendRedirect("login.jsp");
        }
    }
}

最简单验证码实现

直接通过jsp实现验证码

img.jsp

<%@ page contentType="image/jpeg"
         import="java.awt.*,java.awt.image.*,java.util.*,javax.imageio.*"%>
<%!
    Color getRandColor(int fc,int bc){//给定范围获得随机颜色
        Random random = new Random();
        if(fc>255) fc=255;
        if(bc>255) bc=255;
        int r=fc+random.nextInt(bc-fc);//200,250
        int g=fc+random.nextInt(bc-fc);
        int b=fc+random.nextInt(bc-fc);
        return new Color(r,g,b);
    }
%>
<%
    //设置页面不缓存
    response.setHeader("Pragma","No-cache");
    response.setHeader("Cache-Control","no-cache");
    response.setDateHeader("Expires", 0);

// 在内存中创建图象
    int width=60, height=20;
    BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);

// 获取图形上下文
    Graphics g = image.getGraphics();

//生成随机类
    Random random = new Random();

// 设定背景色
    g.setColor(getRandColor(200,250));
    g.fillRect(0, 0, width, height);

//设定字体
    g.setFont(new Font("Times New Roman",Font.PLAIN,18));

//画边框
//g.setColor(new Color());
//g.drawRect(0,0,width-1,height-1);


// 随机产生155条干扰线，使图象中的认证码不易被其它程序探测到
    g.setColor(getRandColor(160,200));
    for (int i=0;i<155;i++)
    {
        int x = random.nextInt(width);
        int y = random.nextInt(height);
        int xl = random.nextInt(12);
        int yl = random.nextInt(12);
        g.drawLine(x,y,x+xl,y+yl);
    }

// 取随机产生的认证码(4位数字)
//String rand = request.getParameter("rand");
//rand = rand.substring(0,rand.indexOf("."));
    String sRand="";
    for (int i=0;i<4;i++){
        String rand=String.valueOf(random.nextInt(10));
        sRand+=rand;
        // 将认证码显示到图象中
        g.setColor(new Color(20+random.nextInt(110),20+random.nextInt(110),20+random.nextInt(110)));//调用函数出来的颜色相同，可能是因为种子太接近，所以只能直接生成
        g.drawString(rand,13*i+6,16);
    }

// 将认证码存入SESSION
    session.setAttribute("rand",sRand);


// 图象生效
    g.dispose();

// 输出图象到页面
    ImageIO.write(image, "JPEG", response.getOutputStream());
    out.clear();
    out = pageContext.pushBody();
%>

login.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
    <form >
        username:<input type="text" name="username" /><p />
        password:<input type="text" name="password" /><p />
        code:<input type="text" name="code" maxlength="4" size="4" /><img src="image.jsp" /><p />
        <input type="submit" value="login" /><p />
    </form>
</body>
</html>

实现效果

在这里插入图片描述

囨誌
关注
专栏目录
Java验证码—ValidateCode的使用
xiaofei的博客
04-01 1万+
一、关于为何使用验证的解释      在目前的网页的登录、注册中经常会见到各种验证码。其目的便是为了：防止暴力破解  .因为只要CPU性能较强，便可以在慢慢尝试密码的过程中来破解用户账号，因而导致的结果是用户信息不安全。 但是如果使用验证码，一旦用户输入的密码或账号不正确时，验证码也会立马改变，这样便在一定程度上实现了安全性。 二、利用Java代码来实现验证码功能    
java session验证码_Session实战保存验证码
weixin_36359107的博客
02-16 325
创建验证码导入ValidateCode.jar()创建生成验证码的ServletCreateCodeController.javapackage com.newer.servletProject.servlet.controller;import cn.dsna.util.images.ValidateCode;import javax.servlet.ServletException;impor...
session实现用户验证码登录
lyu2019的博客
05-18 4696
session实现用户验证码登录
java验证码画布类型_java画布生成验证码2.0与第三方代码生成
weixin_39774905的博客
02-24 90
package com.zzh;import java.awt.Color;import java.awt.Font;import java.awt.Graphics;import java.awt.image.BufferedImage;import java.io.IOException;import java.io.PrintWriter;import java.util.Random;im...
chain.doFilter();方法后，response.getOutputStream().write("hhhhhhhhhhhhhhhh".getBytes("UTF-8"));无效
zhangustb
01-22 3427
如题，在加入过滤器后，在doFilter方法后面添加response.getOutputStream().write("hhhhhhhhhhhhhhhh".getBytes("UTF-8"));无效，拿到的返回都是正常的业务返回，检查了很多变，发现自己蠢哭了。。。 在继承的HttpServlet类，doPost方法处理完成后，response.getOutputStream().write();...
详细介绍Java阿里云的短信验证码实现
08-19
Java阿里云短信验证码实现 Java阿里云短信验证码实现是指通过阿里云短信服务平台发送短信验证码的实现，以下是该实现的详细介绍。 登录阿里云开放平台 在实现Java阿里云短信验证码之前，需要首先登录阿里云开放...
动态滑动后端验证码实现
10-23
动态滑动后端验证码是一种常见的安全验证...总之，动态滑动验证码的实现涉及服务器端的图片处理和验证逻辑，以及前端的图片显示和用户交互。它在保障网站安全的同时，也要求开发者在用户体验和安全防护之间找到平衡。
JS验证码实现代码
10-19
通过本文介绍的JavaScript验证码实现代码，开发者可以在自己的网站上轻松添加这一功能，增强网站的安全性。当然，实际开发中，除了基本的图形验证码，还可以使用其他类型的验证码，如点选验证码、拖动拼图验证码、...
SpringBoot使用邮箱发送验证码实现注册功能
08-25
SpringBoot 使用邮箱发送验证码实现注册功能 本文主要介绍了使用 SpringBoot 实现邮箱发送验证码注册功能的实例，通过示例代码详细介绍了实现过程，具有较高的参考价值。 一、邮箱发送验证码注册功能介绍 邮箱...
java中的response和outputstream_java中用response.getOutputStream()实现文件下载
weixin_31054839的博客
03-02 5128
java中用response.getOutputStream()实现文件下载，但报错(抛出异常)getOutputStream() has already been called for this response在查找解决方案的时候发现一个值得参考的答案：在你下载的jsp末尾写response.reset();out.clear();out=pageContext.pushBody();若这时又...
ssm框架中验证码功能的使用
最新发布
dlf635404565的博客
10-12 828
验证码功能的书写，供大家学习
HttpServletResponse解决中文乱码-----字符流输出response.getOutputStream()方式
mqingo的博客
12-13 2万+
* 以字节流输出  response.getOutputStream()                 //1. 指定浏览器看这份数据使用的码表                response.setHeader("Content-Type", "text/html;charset=UTF-8");                                  //2. 指定输出的中...
制作验证码代码（response.getOutputStream运用）
isjun26
07-03 2304
1.验证码是在所有网站上都会出现的，所以使用非常频繁。 验证码是一个图片，所以我们如果需要生成验证码，那么我们就必须要生成一张图片。 2.验证码涉及到的类： 1.BufferedImage : 该类的作用就是在内存中 生成一张图片。 2.ImageIO: 该类的作用就是把内存中的图片写出到对应 的位置上。 3.代码 1.Servlet代码： public class ...
使用response.getOutputStream().write(result.toJson().getBytes("utf-8"));向浏览器输出出现乱码问题
JavaAlliance
08-05 3935
在代码里面加上下面这三行即可解决乱码问题 req.setCharacterEncoding("UTF-8"); resp.setCharacterEncoding("UTF-8"); resp.setContentType("text/html;charset=UTF-8");
HttpServletResponse的getWriter()和getOutputStream()详解
热门推荐
qq_42750329的博客
04-26 4万+
关于getWriter()和getOutputStream的理解 最近在做一个文件上传下载时遇到了一个问题，HttpServletResponse的实例对象在获取输出流时有两种方式，即getWriter()和getOutputStream()，但是这两种方式有什么联系和区别呢。 ①PrintWriter out=response.getWriter() out对象用于处理字符流数据。 ②Servl...
response细节--重定向的用处和getWrite/getOutputStream的用法冲突问题
ITSTAR
12-28 3万+
1.重定向的实现： //和下句代码可互换位置,此两行相当于response.sendRedirect(""); response.setStatus(302); //或者"location.jsp" response.setHeader("location","/HTTPHeader/location.jsp");2.重定向的用处：    一般情况下尽量不要用重
滑动验证码实现解析
"滑动验证码的设计与理解，包括其实现方式和相关JavaScript类的设计思路" 滑动验证码是一种常见的网页安全机制，用于防止自动化程序或机器人进行非法操作，如垃圾邮件发送、恶意登录等。它的核心原理是让用户通过...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值