java 如何实现登陆和注册的验证码功能

已于 2023-09-28 00:24:20 修改
阅读量1.3w 收藏 70
点赞数 9
分类专栏： SSM框架 验证码技术 文章标签： 验证码 ajax验证码 java实现验证码 登陆验证码 SSM验证码
于 2017-11-07 23:22:00 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/niceLiuSir/article/details/78473803
版权

以下是 java 实现登陆和注册的验证码功能

java 实现登陆和注册的验证码有插件可以实现，但这里收录的代码不是用插件的方式，界面有点丑，但也是一种实现方式。

login.jsp如下：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>登陆页面</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
	<script type="text/javascript" src="js/login.js"></script>
  </head>
  
  <body>
	<h3>${mess }</h3>
	
	<form action="login.action" method="post">
		<table>
			<tr>
				<td></td>
				<td><h3>请登陆用户名</h3></td>
				<td></td>
			</tr>
			<tr>
				<td>用户名：</td>
				<td><input type="text" name="uname" /></td>
				<td></td>
			</tr>
			<tr>
				<td>密&nbsp;码：</td>
				<td><input type="password" name="pwd" "/></td>
				<td></td>
			</tr>
			
			<tr>
				<td>验证码：</td>
				<td><input type="text" name="verifyCode" /></td>
				<td>
					<img id="code" src="verify/code.action">
					<a id="refresh">看不清，换一张</a>
				</td>
			</tr>
			
			<tr>
				<td></td>
				<td><input type="submit" name="login" value="登陆"/><input type="button" name="register" value="注册"/></td>
				<td></td>
			</tr>
			
		</table>
	</form>
  </body>
</html>

login.js如下：

$(function(){
	$("table").css({"border":"1px solid red","margin":"0px auto"});
	
	$("input[name='register']").click(function(){
		window.location = "register.jsp";
	});

	
	$("form").submit(function(){
		var uname=$("input[name=uname]").val();
		var pwd=$("input[name=pwd]").val();
		if(uname==""||uname==null){
			alert("用户名不能为空！");
			return false;
		}else if(pwd==""||pwd==null){
			alert("密码不能为空！");
			return false;
		}else{
			var code = $("input[name=verifyCode]").val();
			var flag = true;
			if(code == ""){
				alert("验证码不能为空！");
				return false;
			}else{
				$.ajax({
					url:"verify/checkVerifyCode.action",
					type:"post",
					data:{"verifyCode":code},
					dataType:"text",
					async:false,
					success:function(result){
						if(result == "false"){
							alert("验证码输入不正确!");
							flag = false;
						}
					}
				});
				
				return flag;
			}
			
		}
		
	});
	
	
	
	// 刷新验证码
	$("#refresh").unbind("click").bind("click", function(){
		$("#code").attr("src", "verify/code.action?r=" + Math.random());
	});
	
	
});

控制器代码如下：

package com.user.controllers;

import com.alibaba.fastjson.JSONObject;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.*;

import javax.imageio.ImageIO;
import javax.servlet.ServletException;
import javax.servlet.ServletOutputStream;
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.util.Random;


@Controller
@RequestMapping("verify")
public class VerifyCodeController {
    // 验证码图片的宽度。
    private int width = 60;
    // 验证码图片的高度。
    private int height = 20;
    // 验证码字符个数
    private int codeCount = 4;
    private int x = 0;
    // 字体高度
    private int fontHeight;
    private int codeY;
    char[] codeSequence = { 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J',
            'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W',
            'X', 'Y', 'Z', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9' };
    /**
     * 初始化验证图片属性
     */
    public void init() throws ServletException {
        // 从web.xml中获取初始信息
        // 宽度
        String strWidth ="80";
        // 高度
        String strHeight ="30";
        // 字符个数
        String strCodeCount = "4";
        // 将配置的信息转换成数值
        try {
            if (strWidth != null && strWidth.length() != 0) {
                width = Integer.parseInt(strWidth);
            }
            if (strHeight != null && strHeight.length() != 0) {
                height = Integer.parseInt(strHeight);
            }
            if (strCodeCount != null && strCodeCount.length() != 0) {
                codeCount = Integer.parseInt(strCodeCount);
            }
        } catch (NumberFormatException e) {
        }
        x = width / (codeCount + 1);
        fontHeight = height - 2;
        codeY = height - 4;
    }

    
    
    /**
     * 生成验证码
     *TODO
     *LIU
     * @param req
     * @param resp
     * @throws ServletException
     * @throws java.io.IOException
     *下午12:36:55
     */
    @RequestMapping(value="/code.action",method= RequestMethod.GET)
    public void service(HttpServletRequest req, HttpServletResponse resp)
            throws ServletException, java.io.IOException {
        init();
        // 定义图像buffer
        BufferedImage buffImg = new BufferedImage(width, height,
                BufferedImage.TYPE_INT_RGB);
        Graphics2D g = buffImg.createGraphics();
        // 创建一个随机数生成器类
        Random random = new Random();
        // 将图像填充为白色
        g.setColor(Color.WHITE);
        g.fillRect(0, 0, width, height);
        // 创建字体，字体的大小应该根据图片的高度来定。
        Font font = new Font("Fixedsys", Font.PLAIN, fontHeight);
        // 设置字体。
        g.setFont(font);
        // 画边框。
        g.setColor(Color.BLACK);
        g.drawRect(0, 0, width - 1, height - 1);
        // 随机产生160条干扰线，使图象中的认证码不易被其它程序探测到。
        g.setColor(Color.BLACK);
        for (int i = 0; i < 20; 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);
        }
        // randomCode用于保存随机产生的验证码，以便用户登录后进行验证。
        StringBuffer randomCode = new StringBuffer();
        int red = 0, green = 0, blue = 0;
        // 随机产生codeCount数字的验证码。
        for (int i = 0; i < codeCount; i++) {
            // 得到随机产生的验证码数字。
            String strRand = String.valueOf(codeSequence[random.nextInt(36)]);
            // 产生随机的颜色分量来构造颜色值，这样输出的每位数字的颜色值都将不同。
            red = random.nextInt(255);
            green = random.nextInt(255);
            blue = random.nextInt(255);
            // 用随机产生的颜色将验证码绘制到图像中。
            g.setColor(new Color(red, green, blue));
            g.drawString(strRand, (i + 1) * x, codeY);
            // 将产生的四个随机数组合在一起。
            randomCode.append(strRand);
        }
        // 将四位数字的验证码保存到Session中。
        HttpSession session = req.getSession();
        session.setAttribute("validateCode", randomCode.toString());
        // 禁止图像缓存。
        resp.setHeader("Pragma", "no-cache");
        resp.setHeader("Cache-Control", "no-cache");
        resp.setDateHeader("Expires", 0);
        resp.setContentType("image/jpeg");
        // 将图像输出到Servlet输出流中。
        ServletOutputStream sos = resp.getOutputStream();
        ImageIO.write(buffImg, "jpeg", sos);
        sos.close();
    }

    
    
    /**
     * 验证验证码是否匹配
     *TODO
     *LIU
     * @param verifyCode
     * @param req
     * @param resp
     * @return
     *下午12:37:50
     */
    @RequestMapping(value="/checkVerifyCode.action",method= RequestMethod.POST)
    @ResponseBody
    public Object checkVerifyCode(@RequestParam(value = "verifyCode") String verifyCode,HttpServletRequest req, HttpServletResponse resp){
      JSONObject jsobjcet = new JSONObject();
      String flag = "false";
      if(verifyCode!=null){
          HttpSession session = req.getSession();
          String validateCode= (String) session.getAttribute("validateCode");
          if(validateCode!=null&&validateCode.equals(verifyCode.toUpperCase())){
              jsobjcet.put("valid", true);
              flag = "true";
          }else{
              jsobjcet.put("valid", false);
              flag = "false";
          }
      }else{
          jsobjcet.put("valid", false);
          flag = "false";
      }
     // return jsobjcet;
      return flag;
    }
}

感谢您的阅读，欢迎参观我的个人网站：知行乐集【www.zhixinglj.cn】

niceLiuSir
关注
  • 9
    点赞
  • 踩
  • 70
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
java注册、登录界面通用验证码实现
qq_44899155的博客
11-07 260
package cn.mengnalisa.web.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..
【Java 进阶篇】Java Web开发：实现验证码功能
繁依Fanyi的博客
11-01 5056
验证码是“全自动区分计算机和人类的公证测试”（Completely Automated Public Turing test to tell Computers and Humans Apart）的缩写。它是一种用于识别用户是否为真实人类的技术。验证码通常包括一个随机生成的字符串，用户需要在输入框中输入正确的字符串以证明他们不是机器人。验证码的主要目的是防止自动化机器人攻击，例如恶意注册帐户、暴力破解密码或发垃圾邮件。
使用Java技术来开发Web应用程序的技术框架，使用该技术实现用户登录验证码功能，后台功能代码+前端JSP页面代码
03-26
Java Web是一种使用Java技术来开发Web应用程序的技术框架。验证码生成逻辑 1、前端调用API接口，向后端发起一个[获取验证码]请求。 2、后端得到请求，创建验证码ID（通常利用UUID直接创建），然后以各种方式生成一串随机内容（常见的包括英文、数字、中文、数学公式） 3、根据随机内容分配出Key(返回给前端显示的内容)和value(验证码的唯一标准答案) 4、将验证码ID和value存放到Redis中，同时可以利用Redis的缓存过期时间功能同步设置本次验证码的实际有效时间。 5、将String格式的验证码内容Key通过一系列方式转换成图片pic 6、将UUID与pic返回给前端进行展示即可。 7、前端获取验证码后填写业务表单(username, password, captchaID, captchaCode)，调用提交相关API 8、后端根据验证码的ID再次向Redis发起查询，进行验证码匹配。 9、若Redis返回空值，则表明该ID对应的验证码已经过期失效。若Redis不返回空值，则获取到该值，并与前端传来的code进行比对，若一致则比对成功，不一致则验证码错误。
JavaWeb 实现登录加验证码(连接数据库版)
最新发布
2301_79501633的博客
05-10 911
然后在web/WEB-INFO下创建lib文件夹。将下载好的jar包粘贴到lib目录下。选则add as library即可。记得将数据库密码改成自己本地的。
Java实现登录验证码的功能
沐雨橙风ιε的博客
09-16 6076
Java实现登录验证码的功能
JavaWeb——登录界面验证码生成(详细操作)
nine06的博客
11-02 7507
验证码是“全自动区分计算机和人类的公证测试”（Completely Automated Public Turing test to tell Computers and Humans Apart）的缩写。它是一种用于识别用户是否为真实人类的技术。验证码通常包括一个随机生成的字符串，用户需要在输入框中输入正确的字符串以证明他们不是机器人。
Java实现验证码功能
2301_77042303的博客
04-23 4940
验证码一般用于登陆界面的防机器验证，但自已写一个验证码组件较为麻烦，我们可以用ValidateCode组件来实现，以下通过两个示例来演示ValidateCode的用法，最后附jar包，可自行下载。生成验证码，调用该方法可以重新生成验证码，实例化对象时会自动调用该方法生成一个默认的验证码，后续可再次调用生成。实例化对象，指定宽度和高度，默认验证码位数为5为位，障碍线为150；实例化对象，指定宽度、高度、验证码位数、障碍线数量；将生成的验证码图像写入输出流对象，可用于web端。
用Java制作登录验证码
LoweTvT的博客
08-14 1068
/ 随机生成一个97~122的数字，然后强转为小写字母。2.用Random方法随机出0,1,2三个数字,0代表数字，1代表大写字母，2代表小写字母.// 随机生成一个65~90的数字，然后强转为大写字母。// 确定字符类型(0代表数字，1代表大写字母，2代表小写字母)1.定义一个方法，生成验证码返回，方法参数为int，返回值类型为String.// 调用Code方法，并给定验证码长度。
JAVA实现通过手机验证码的注册功能
03-19
使用的是信易通的短信平台接口，然后在Java中使用HttpClient模拟POST请求或者GET请求（看短信平台要求，一般的情况下都是POST请求），调用短信平台提供的接口（遵循短信平台的接口规范即可）发送短信验证码
SSM 实现登录验证码功能（附源码）
08-26
本文详细介绍了使用 SSM 框架实现登录验证码功能的方法，包括创建工具类、生成随机图片、绘制干扰线和随机字符、保存验证码到 Session 中等步骤。验证码是系统安全的重要组成部分，本文的方法可以帮助您实现一个安全...
Java Web实现登录页面验证码验证功能
08-25
本文主要介绍了Java Web登录页面验证码验证功能的实现，通过实例代码详细地演示了验证码的生成、验证和应用。验证码是防止应用恶意发送数据的一种重要手段，通过在登录页面添加验证码，能够一定程度上避免恶意程序对...
java springmvc实现验证码功能
08-28
java springmvc实现验证码功能 java springmvc实现验证码功能是指在java web开发中使用springmvc框架来实现验证码功能的过程。验证码是指在用户登录或注册过程中，服务器端生成的一张图片，图片中包含随机字母、...
java实现网页验证码功能
08-29
Java 实现网页验证码功能是指使用 Java 语言来生成和验证网页验证码的过程。验证码是一种常用的安全机制，用于防止机器人和恶意用户对网站的攻击。Java 实现网页验证码功能主要通过使用 Servlet 和 JSP 两种技术来...
Java案例——实现验证码登陆
Waylon_Ma的博客
08-30 9302
简介 作者简介：青铜码农，和大多数同学一样从零开始一步步学习，一步步积累。期待您的关注，让我们一起成长~注：本人学疏才浅，文章如有错误之处，敬请指正~ 内容简介：为了保证登陆的安全性，通常会要求在登陆界面中输入验证码。本内容主要讲解如何使用Java语言实现验证码登陆功能。 获取完整源码及图片素材： 功能预览： Java实现验证码功能 为了方便，此处只当用户名为123456，且密码为123456时就登陆成功。 由功能预览可知：当输入的用户名、密码都正确时将提示登陆成功；没有输入用...
验证码工具之Kaptcha
qq_41665121的博客
01-14 658
验证码的作用 防止恶意破解密码、刷票、论坛灌水、刷页。 有效防止某个黑客对某一个特定注册用户用特定程序暴力破解方式进行不断的登录尝试，实际上使用验证码是现在很多网站通行的方式（比如招商银行的网上个人银行，百度社区），我们利用比较简易的方式实现了这个功能。虽然登录麻烦一点，但是对网友的密码安全来说这个功能还是很有必要，也很重要。但我们还是 提醒大家要保护好自己的密码 ，尽量使用混杂了数字、字母、...
Java--验证码登录
m0_66918076的博客
04-13 1429
Java--验证码登录
java实现验证码登录
C18298182575的博客
08-01 5410
一，场景：用户登录时需要输入验证码登录，如何实现用户通过验证码登录 二，实现逻辑 1，进入登录页面时，调用生成验证码接口，入参：当前时间戳（前端传入） 2，后台调用生成验证码接口，生成验证码，并以入参时间戳为 key，验证码为value，保存在redis，并设置有效时间为1分钟，超时需要重新输入 3，用户输入验证码，调用后台登录接口，入参：用户名，密码，验证码，key 4，登录时校验，比...
JavaWeb之登录注册(包含验证码)
weixin_74261569的博客
11-02 1757
我是性别出现乱码，输入数据，数据库里显示的不是男或者女，显示？在没有添加过滤器之前，任何人都可以输入网址直接访问你登录之后的页面，所以要加过滤器丢掉假页面的包裹，在没有输入用户名信息之前不允许通过。里面的text写成了test文本，所以就变成了下载，改回来就可以了。将登录补充到控制层 进行验证，控制层接收前台操作并返回给客户端。在写完代码点击提交时出现了下载文件的问题，内容是我们写的代码。先准备一个jsp前端注册页面，把前端数据传给后台。创建一个jsp登录界面，在验证码的div中做处理。
SpringBoot学习笔记24——登录验证码实现
月月大王的博客
05-28 4027
今天记录一下验证码的实现，希望能够帮助到大家！ 首先我们看一下实现的效果： 此验证码的实现没有用到太多的插件，话不多说直接上代码，大家拿过去就可以用。 1.验证码类 package com.youyou.login.util.validatecode; import lombok.Data; /** * 验证码类 */ @Data public class VerifyCod...
java登录验证_java实现登录验证码
06-12
Java实现登录验证码可以通过以下步骤： 1. 生成验证码图片：使用Java的图形库，如awt或者swing，创建一个图片对象，并在上面绘制验证码内容（可以是数字、字母、符号等），同时为了防止机器自动登录，可以加入一些干扰线或噪点。 2. 将验证码图片输出到客户端：将生成的验证码图片对象通过response.getOutputStream()输出到客户端，以便用户输入验证码。 3. 验证用户输入的验证码：在用户提交登录表单时，对用户输入的验证码进行验证，可以通过将用户输入的验证码与服务器端保存的验证码进行比对来实现。 以下是一个简单的Java登录验证码的实现示例： ``` import java.awt.Color; import java.awt.Font; import java.awt.Graphics; import java.awt.image.BufferedImage; import java.util.Random; import javax.imageio.ImageIO; import javax.servlet.ServletException; import javax.servlet.ServletOutputStream; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import javax.servlet.http.HttpSession; public class LoginServlet extends HttpServlet { private static final long serialVersionUID = 1L; private static final int WIDTH = 80; private static final int HEIGHT = 30; public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, java.io.IOException { response.setContentType("image/jpeg"); ServletOutputStream out = response.getOutputStream(); HttpSession session = request.getSession(); // 设置验证码内容 String code = getCode(); // 将验证码内容保存到session中 session.setAttribute("code", code); // 生成验证码图片 BufferedImage image = generateImage(code); // 输出验证码图片 ImageIO.write(image, "jpeg", out); try { out.flush(); } finally { out.close(); } } private String getCode() { // 生成随机验证码内容 Random random = new Random(); StringBuilder builder = new StringBuilder(); for (int i = 0; i < 4; i++) { builder.append(random.nextInt(10)); } return builder.toString(); } private BufferedImage generateImage(String code) { // 生成验证码图片 BufferedImage image = new BufferedImage(WIDTH, HEIGHT, BufferedImage.TYPE_INT_RGB); Graphics g = image.getGraphics(); // 设置背景色 g.setColor(Color.WHITE); g.fillRect(0, 0, WIDTH, HEIGHT); // 设置边框 g.setColor(Color.BLACK); g.drawRect(0, 0, WIDTH - 1, HEIGHT - 1); // 画干扰线 Random random = new Random(); for (int i = 0; i < 10; i++) { int x1 = random.nextInt(WIDTH); int y1 = random.nextInt(HEIGHT); int x2 = random.nextInt(WIDTH); int y2 = random.nextInt(HEIGHT); g.setColor(new Color(random.nextInt(256), random.nextInt(256), random.nextInt(256))); g.drawLine(x1, y1, x2, y2); } // 写验证码 g.setFont(new Font("Times New Roman", Font.BOLD, 20)); for (int i = 0; i < code.length(); i++) { g.setColor(new Color(random.nextInt(256), random.nextInt(256), random.nextInt(256))); g.drawString(code.charAt(i) + "", 20 * i + 10, 20); } return image; } } ``` 在上面的代码中，doGet()方法用于生成验证码图片，并将验证码内容保存到session中。getCode()方法用于生成随机验证码内容，generateImage()方法用于生成验证码图片。将生成的验证码图片写入到response的输出流中，即可在客户端显示验证码。在用户登录时，可以将用户输入的验证码与服务器端保存的验证码进行比对，以实现登录验证。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值