java web开发之servlet图形验证码功能的实现

一 验证码的由来

在web项目开发中,为了防止部分人使用自动工具(如:自动注册机)等进行批量的数据处理,在不同的功能节点部分,添加了验证码进行验证,达到对自动软件的屏蔽效果

最经典的应用如:网站注册图形验证码;接下来,通过java技术,结合servlet实现一个网站注册需要的图形验证码程序,提供大家参考。

二 实现注册页面图形验证码效果

1. 创建web项目:java_servlet_verifyimg

2. 创建自动生成图形验证码的控制器——VerifyImgServlet

package com.phome.util;

import java.awt.Color;
import java.awt.Font;
import java.awt.Graphics2D;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.util.Random;

import javax.servlet.ServletException;
import javax.servlet.ServletOutputStream;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import com.sun.image.codec.jpeg.JPEGCodec;
import com.sun.image.codec.jpeg.JPEGImageEncoder;

public class VerifyImgServlet extends HttpServlet {

  /**
   *
   */
  private static final long serialVersionUID = 1L;

  // 设置随机字符字典。其中不包含0,o,1,I等难以辨认的字符
  public static final char[] CHARS = { '2', '3', '4', '5', '6', '7', '8',
      '9', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'J', 'K', 'L', 'M',
      'N', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z', 'a',
      'b', 'c', 'd', 'e', 'f', 'g', 'h', 'j', 'k', 'l', 'm', 'n', 'p',
      'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z' };

  public static Random random = new Random(); // 随机数对象

  public static String getRandomString() {

    StringBuffer buffer = new StringBuffer(); // 字符串缓存
    for (int i = 0; i < 6; i++) // 六次循环获取字符
    {
      buffer.append(CHARS[random.nextInt(CHARS.length)]); // 每次随机取一个字符
    }
    return buffer.toString();
  }

  public static Color getRandomColor() {

    return new Color(random.nextInt(255), random.nextInt(255),
        random.nextInt(255));
  }

  public static Color getReverseColor(Color c) {

    return new Color(255 - c.getRed(), 255 - c.getGreen(),
        255 - c.getBlue());
  }

  public void doGet(HttpServletRequest request, HttpServletResponse response)
      throws ServletException, IOException {

    response.setContentType("image/jpeg"); // 设置输出类型 不可省略

    String randomString = getRandomString(); // 调用生成随机字符串方法获取并接受随机字符串
    request.getSession(true).setAttribute("randomString", randomString); // 将字符串存储到Session中

    int width = 100; // 图片宽度
    int height = 30; // 图片高度

    Color color = getRandomColor(); // 获取随机颜色 用于背景色
    Color reverse = getReverseColor(color); // 反色 用于前景色

    BufferedImage bi = new BufferedImage(width, height,
        BufferedImage.TYPE_INT_RGB); // 创建一个彩色图片
    Graphics2D g = bi.createGraphics(); // 获取绘图对象
    g.setFont(new Font(Font.SANS_SERIF, Font.BOLD, 16)); // 设置字体
    g.setColor(color); // 设置颜色
    g.fillRect(0, 0, width, height); // 绘制背景
    g.setColor(reverse); // 设置颜色
    g.drawString(randomString, 18, 20); // 绘制随机字符
    for (int i = 0, n = random.nextInt(100); i < n; i++) // 画最多一百个噪音点
    {
      g.drawRect(random.nextInt(width), random.nextInt(height), 1, 1); // 随机噪音点
    }

    ServletOutputStream out = response.getOutputStream(); // 好像是获取输出流

    JPEGImageEncoder encoder = JPEGCodec.createJPEGEncoder(out); // 编码器
    encoder.encode(bi); // 对图片进行编码
    out.flush(); // 输出到客户端

  }

  public void doPost(HttpServletRequest request, HttpServletResponse response)
      throws ServletException, IOException {

    this.doGet(request, response);
  }

}

3. 创建注册控制器——RegistServlet

package com.phome.servlet;

import java.io.IOException;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;

/**
 * 注册控制器
 * @author ZuoYi
 *
 */
public class RegistServlet extends HttpServlet{

  /**
   *
   */
  private static final long serialVersionUID = 1L;

  @Override
  protected void doGet(HttpServletRequest req, HttpServletResponse resp)
      throws ServletException, IOException {
    this.doPost(req, resp);
  }

  @Override
  protected void doPost(HttpServletRequest req, HttpServletResponse resp)
      throws ServletException, IOException {
    // 从session中获取注册随机验证码
    HttpSession session = req.getSession();
    String randomString = (String)session.getAttribute("randomString");

    // 获取用户输入验证码
    String inputRandomString = req.getParameter("randomStr");
    // 判断验证码通过,模拟进行注册
    if (randomString.equals(inputRandomString)) {
      req.setAttribute("resinfo", "恭喜!注册成功!");
    } else {
      req.setAttribute("resinfo", "验证码输入有误,请检查后重新进行注册!");
    }
    // 注册成功或者失败,都跳转到result.jsp页面,查看注册结果。。。
    req.getRequestDispatcher("result.jsp").forward(req, resp);
  }

}

4. 配置servlet

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" id="WebApp_ID" version="3.0">
 <display-name>simg</display-name>

 <!-- 配置用户注册servlet -->
 <servlet>
   <servlet-name>registservlet</servlet-name>
   <servlet-class>com.phome.servlet.RegistServlet</servlet-class>
 </servlet>
 <servlet-mapping>
   <servlet-name>registservlet</servlet-name>
   <url-pattern>/regist.action</url-pattern>
 </servlet-mapping>

 <!-- 配置图形验证码servlet -->
 <servlet>
   <servlet-name>verifyimg</servlet-name>
   <servlet-class>com.phome.servlet.VerifyImgServlet</servlet-class>
 </servlet>
 <servlet-mapping>
   <servlet-name>verifyimg</servlet-name>
   <url-pattern>/verifyimg.action</url-pattern>
 </servlet-mapping>

 <welcome-file-list>
  <welcome-file>index.html</welcome-file>
  <welcome-file>index.htm</welcome-file>
  <welcome-file>index.jsp</welcome-file>
  <welcome-file>default.html</welcome-file>
  <welcome-file>default.htm</welcome-file>
  <welcome-file>default.jsp</welcome-file>
 </welcome-file-list>
</web-app>

5. 创建注册视图测试页面——regist.jsp

<%@ page language="java" import="java.util.*" pageEncoding="GB18030"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
 <head>
  <base href="<%=basePath%>" rel="external nofollow" rel="external nofollow" >

  <title>My JSP 'index.jsp' starting page</title>
  <meta http-equiv="pragma" content="no-cache">
  <meta http-equiv="cache-control" content="no-cache">
  <meta http-equiv="expires" content="0">
  <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
  <meta http-equiv="description" content="This is my page">
  <!--
  <link rel="stylesheet" type="text/css" href="styles.css" rel="external nofollow" rel="external nofollow" >
  -->
 </head>
 <body>
 <form action="${pageContext.request.contextPath}/regist.action" method="post">
   用户名:<input type="text" name="username"/>
  <br />
   密码:<input type="text" name="password"/>
  <br />
   请输入验证码进行注册:
  <img src="${pageContext.request.contextPath }/verifyimg.action"/>
  <input type="text" name="randomStr"/>
  <br />
  <input type="submit" value="regist"/>
 </form>
 </body>
</html>

5.1 创建注册结果页面——result.jsp

<%@ page language="java" import="java.util.*" pageEncoding="GB18030"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
 <head>
  <base href="<%=basePath%>" rel="external nofollow" rel="external nofollow" >

  <title>My JSP 'index.jsp' starting page</title>
  <meta http-equiv="pragma" content="no-cache">
  <meta http-equiv="cache-control" content="no-cache">
  <meta http-equiv="expires" content="0">
  <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
  <meta http-equiv="description" content="This is my page">
  <!--
  <link rel="stylesheet" type="text/css" href="styles.css" rel="external nofollow" rel="external nofollow" >
  -->
 </head>
 <body>
 ${requestScope.resinfo }
 </body>
</html>

6.测试

(1)a.打开浏览器,输入测试地址:http://localhost:8080/java_servlet_verifyimg;出现如下图所示页面

b.输入注册账号、密码和验证码后点击regist提交

c.测试结果,跳转会注册页面,提示注册成功

(2)打开注册页面

输入错误注册码

测试结果页面

over!

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

(0)

相关推荐

  • javaWeb使用Kaptcha组件生成验证码

    javaWeb之使用Kaptcha组件使用验证码 web.xml: <?xml version="1.0" encoding="UTF-8"?> <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="htt

  • java web验证码实现代码分享

    验证码的作用:通常的登录或者注册系统时,都会要求用户输入验证码,以此区别用户行为和计算机程序行为,目的是有人防止恶意注册.暴力破解密码等. 实现验证码的思路:用 server 实现随机生成数字和字母组成图片的功能,用 jsp 页面实现显示验证码和用户输入验证码的功能,再用 server 类分别获取图片和用户输入的数据,判断两个数据是否一致.  代码实现 1.编写数字.英文随机生成的 server 类,源码: package com; import java.awt.Color; import j

  • javaweb登录验证码的实现方法

    本文实例为大家分享了javaweb登录验证码的具体代码,供大家参考,具体内容如下 使用: Controller:生成验证码 @RequestMapping("/user/check.jpg") public void createCode(HttpServletRequest request, HttpServletResponse response) throws IOException { // 通知浏览器不要缓存 response.setHeader("Expires&

  • JavaWeb 实现验证码功能(demo)

    验证码不用多说,在 WEB-APP 中一般应用于:登录.注册.买某票.秒杀等场景.大家都接触过~可以说是千奇百怪,各式各样. DEMO 目标功能 验证码页面输入. 页面更换验证码(异步实现). 后台验证并返回验证结果. 开工 页面:demo1.jsp <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE html> &l

  • Java Web开发过程中登陆模块的验证码的实现方式总结

    验证码及它的作用 验证码为全自动区分计算机和人类的图灵测试的缩写,是一种区分用户是计算机的公共全自动程序,这个问题可以由计算机生成并评判,但是必须只有人类才能解答.可以防止恶意破解密码.刷票.论坛灌水.有效防止某个黑客对某一个特定注册用户用特定程序暴力破解方式进行不断的登录. 图文验证码的原理 在servlet中随机生成一个指定位置的验证码,一般为四位,然后把该验证码保存到session中.在通过Java的绘图类以图片的形式输出该验证码.为了增加验证码的安全级别,可以输出图片的同时输出干扰线,最

  • Javaweb开发中通过Servlet生成验证码图片

    一.BufferedImage类介绍 生成验证码图片主要用到了一个BufferedImage类,如下: 创建一个DrawImage Servlet,用来生成验证码图片 package gacl.response.study; import java.awt.Color; import java.awt.Font; import java.awt.Graphics; import java.awt.Graphics2D; import java.awt.image.BufferedImage; i

  • Java Web项目中验证码功能的制作攻略

    一.前言 在表单页面中使用验证码的好处在于有效防止用户恶意提交表单,或者使用外挂非法攻击系统. 二.准备条件 1.一个普通的web项目 webProject: 2.一个web服务器 Tomcat. 三.实现思路: 1.自定义一个servlet  VerifyCodeServlet 画一个包含验证字符的验证码图片,这里的图片需要使用Graphics2D手动去画: 2.在具体页面使用img标签的src引用这个servlet即可显示servlet: 3.因为画图的时候把验证码信息放入了session,

  • java web中图片验证码功能的简单实现方法

    用户在注册网站信息的时候基本上都要数据验证码验证.那么图片验证码功能该如何实现呢? 大概步骤是: 1.在内存中创建缓存图片 2.设置背景色 3.画边框 4.写字母 5.绘制干扰信息 6.图片输出 废话不多说,直接上代码 package com.lsgjzhuwei.servlet.response; import java.awt.Color; import java.awt.Font; import java.awt.Graphics; import java.awt.image.Buffer

  • java图形验证码生成工具类 web页面校验验证码

    最近做验证码,参考网上案例,发现有不少问题,特意进行了修改和完善. 验证码生成器: import javax.imageio.ImageIO; import java.awt.*; import java.awt.image.BufferedImage; import java.io.FileOutputStream; import java.io.IOException; import java.io.OutputStream; import java.util.Date; import ja

  • Java web含验证码及权限登录实例代码

    所用到的开发工具为myeclipse10,MySQL数据库. 首先,在myeclipse中新建一个Java web项目. 项目的结构: 数据库结构: 下面将各个包中的代码粘贴出来. com.ningmeng.dao包 package com.ningmeng.dao; import java.sql.Connection; import java.sql.PreparedStatement; import java.sql.ResultSet; import java.sql.SQLExcept

随机推荐