Servlet案例3：验证码功能

这里介绍简单的验证码功能

动态生成图片

一个简单的页面：

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Insert title here</title>

<script type="text/javascript">

    function changeImg(obj){

        obj.src="/WEB4/checkImg?time="+new Date().getTime();

    }

</script>

</head>

<body>

    <form action="/WEB13/login" method="post">

        用户名：<input type="text" name="username"><br/>

        密码：<input type="password" name="password"><br/>

        验证码：<input type="text" name="username"><img onclick="changeImg(this)" src="/WEB4/checkImg"><br/>

        <input type="submit" value="登录"><br/>

    </form>

</body>

</html>

简单的JS代码实现点击验证码图片刷新

验证码功能：

package demo;

import java.awt.Color;

import java.awt.Font;

import java.awt.Graphics;

import java.awt.Graphics2D;

import java.awt.image.BufferedImage;

import java.io.BufferedReader;

import java.io.FileReader;

import java.io.IOException;

import java.util.ArrayList;

import java.util.List;

import java.util.Random;

import javax.imageio.ImageIO;

import javax.servlet.ServletException;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

/**

 * 验证码生成程序

 *

 *

 *

 */

public class CheckImgServlet extends HttpServlet {

    // 集合中保存所有成语

    private List<String> words = new ArrayList<String>();

    @Override

    public void init() throws ServletException {

        // 初始化阶段，读取new_words.txt

        // web工程中读取 文件，必须使用绝对磁盘路径

        String path = getServletContext().getRealPath("/WEB-INF/new_words.txt");

        try {

            BufferedReader reader = new BufferedReader(new FileReader(path));

            String line;

            while ((line = reader.readLine()) != null) {

                words.add(line);

            }

            reader.close();

        } catch (IOException e) {

            e.printStackTrace();

        }

    }

    public void doGet(HttpServletRequest request, HttpServletResponse response)

            throws ServletException, IOException {

        // 禁止缓存

        // response.setHeader("Cache-Control", "no-cache");

        // response.setHeader("Pragma", "no-cache");

        // response.setDateHeader("Expires", -1);

        int width = 120;

        int height = 30;

        // 步骤一 绘制一张内存中图片

        BufferedImage bufferedImage = new BufferedImage(width, height,

                BufferedImage.TYPE_INT_RGB);

        // 步骤二 图片绘制背景颜色 ---通过绘图对象

        Graphics graphics = bufferedImage.getGraphics();// 得到画图对象 --- 画笔

        // 绘制任何图形之前 都必须指定一个颜色

        graphics.setColor(getRandColor(200, 250));

        graphics.fillRect(0, 0, width, height);

        // 步骤三 绘制边框

        graphics.setColor(Color.WHITE);

        graphics.drawRect(0, 0, width - 1, height - 1);

        // 步骤四 四个随机数字

        Graphics2D graphics2d = (Graphics2D) graphics;

        // 设置输出字体

        graphics2d.setFont(new Font("宋体", Font.BOLD, 18));

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

        int index = random.nextInt(words.size());

        String word = words.get(index);// 获得成语

        // 定义x坐标

        int x = 10;

        for (int i = 0; i < word.length(); i++) {

            // 随机颜色

            graphics2d.setColor(new Color(20 + random.nextInt(110), 20 + random

                    .nextInt(110), 20 + random.nextInt(110)));

            // 旋转 -30 --- 30度

            int jiaodu = random.nextInt(60) - 30;

            // 换算弧度

            double theta = jiaodu * Math.PI / 180;

            // 获得字母数字

            char c = word.charAt(i);

            // 将c 输出到图片

            graphics2d.rotate(theta, x, 20);

            graphics2d.drawString(String.valueOf(c), x, 20);

            graphics2d.rotate(-theta, x, 20);

            x += 30;

        }

        // 将验证码内容保存session

        request.getSession().setAttribute("checkcode_session", word);

        // 步骤五 绘制干扰线

        graphics.setColor(getRandColor(160, 200));

        int x1;

        int x2;

        int y1;

        int y2;

        for (int i = 0; i < 30; i++) {

            x1 = random.nextInt(width);

            x2 = random.nextInt(12);

            y1 = random.nextInt(height);

            y2 = random.nextInt(12);

            graphics.drawLine(x1, y1, x1 + x2, x2 + y2);

        }

        // 将上面图片输出到浏览器 ImageIO

        graphics.dispose();// 释放资源

        //将图片写到response.getOutputStream()中

        ImageIO.write(bufferedImage, "jpg", response.getOutputStream());

    }

    public void doPost(HttpServletRequest request, HttpServletResponse response)

            throws ServletException, IOException {

        doGet(request, response);

    }

    /**

     * 取其某一范围的color

     *

     * @param fc

     *            int 范围参数1

     * @param bc

     *            int 范围参数2

     * @return Color

     */

    private 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);

        int g = fc + random.nextInt(bc - fc);

        int b = fc + random.nextInt(bc - fc);

        return new Color(r, g, b);

    }

}

这里采用的是成语的验证码，将很多个成语存到WEB-INF目录下一个文本中，每行一个即可

补上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="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" id="WebApp_ID" version="2.5">

  <display-name>WEB4</display-name>

  <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>

  <servlet>

    <description></description>

    <display-name>CheckImgServlet</display-name>

    <servlet-name>CheckImgServlet</servlet-name>

    <servlet-class>demo.CheckImgServlet</servlet-class>

  </servlet>

  <servlet-mapping>

    <servlet-name>CheckImgServlet</servlet-name>

    <url-pattern>/checkImg</url-pattern>

  </servlet-mapping>

</web-app>

接下来是验证码校验功能：

session的简单应用

上边验证码中已经将验证码加入了session中：

request.getSession().setAttribute("checkcode_session", word);

接下来就是验证码的校验：

package login;

import java.io.IOException;

import javax.servlet.ServletException;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

public class LoginServlet extends HttpServlet {

    protected void doGet(HttpServletRequest request, HttpServletResponse response)

            throws ServletException, IOException {

        request.setCharacterEncoding("UTF-8");

        //验证码校验

        //获得页面输入的验证

        String checkCode_client = request.getParameter("checkCode");

        //获得生成图片的文字的验证码

        String checkCode_session = (String) request.getSession().getAttribute("checkcode_session");

        //比对页面的和生成图片的文字的验证码是否一致

        if(!checkCode_session.equals(checkCode_client)){

            //错误信息提示

            request.setAttribute("loginInfo", "您的验证码不正确");

            //跳回登录页面

            request.getRequestDispatcher("/login.jsp").forward(request, response);

            return;

        }

        //获得页面的用户名和密码进行数据库的校验

        //具体方法在前几篇文章中有详细

        //......

    }

    protected void doPost(HttpServletRequest request, HttpServletResponse response)

            throws ServletException, IOException {

        doGet(request, response);

    }

}

注意验证码img的src属性是url-pattern种生成验证码的servlet

表单提交action是验证码校验的sevlet

Servlet案例3：验证码功能的更多相关文章

利用servlet技术实现验证码功能
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" ...
Java案例之随机验证码功能实现
实现的功能比较简单,就是随机产生了四个字符然后输出.效果图如下,下面我会详细说一下实现这个功能用到了那些知识点,并且会把这些知识点详细的介绍出来.哈哈 ,大神勿喷,对于初学Java的人帮助应该蛮大的 ...
javaweb实现验证码功能
在javaweb的用户注册与登陆功能时,有时为了防止漏洞或者大量注册,可以使用验证码功能,下面是验证码的一个简单实现验证码类 public class ValiImg extends HttpSer ...
Web自动化框架之五一套完整demo的点点滴滴（excel功能案例参数化+业务功能分层设计+mysql数据存储封装+截图+日志+测试报告+对接缺陷管理系统+自动编译部署环境+自动验证false、error案例）
标题很大,想说的很多,不知道从那开始~~直接步入正题吧个人也是由于公司的人员的现状和项目的特殊情况,今年年中后开始折腾web自动化这块:整这个原因很简单,就是想能让自己偷点懒.也让减轻一点同事的苦力 ...
用java来实现验证码功能（本帖为转载贴），作为个人学习收藏用
一.关于为何使用验证的解释在目前的网页的登录.注册中经常会见到各种验证码.其目的便是为了:防止暴力破解 .因为只要CPU性能较强,便可以在慢慢尝试密码的过程中来破解用户账号,因而导致的结果是用户信 ...
S2SH框架中的无刷新验证码功能实现
暑假期间在实验室做使用S2SH框架的项目,其中登录和注册需要验证码,实现了一个没有实现刷新验证码功能的简单版本,代码如下: 1 package com.sem.action; 2 3 import j ...
django验证码功能
1.目的现在我们一般访问网页都需要输入验证码,比如博客园,有的甚至是通过手机验证码实时登录.这样做的目的主要还是为了防止其他人的恶意访问,比如爬虫,下面就来看看验证码是如何实现的 2.StringI ...
Vue Springboot （包括后端解决跨域）实现登录验证码功能详细完整版
利用Hutool 基于Vue.ElementUI.Springboot (跨域)实现登录验证码功能前言一.Hutool是什么? 二.下面开始步入正题:使用步骤 1.先引入Hutool依赖 2.控制 ...
dd——留言板再加验证码功能
1.找到后台-核心-频道模型-自定义表单 2.然后点击增加新的自定义表单 diyid 这个,不管他,默认就好自定义表单名称这个的话,比如你要加个留言板还是投诉建议?写上去呗数据表这个不要碰, ...

随机推荐

Scala伴生类和伴生对象
单例对象与类同名时,这个单例对象被称为这个类的伴生对象,而这个类被称为这个单例对象的伴生类.伴生类和伴生对象要在同一个源文件中定义,伴生对象和伴生类可以互相访问其私有成员.不与伴生类同名的单例对象称为 ...
HTTP请求与响应方式
HTTP请求格式当浏览器向Web服务器发出请求时,它向服务器传递了一个数据块,也就是请求信息,HTTP请求信息由3部分组成: l 请求方法URI协议/版本 l 请求头(Request Hea ...
iOS&colon;核心动画之动画组CAAnimationGroup
CAAnimationGroup——动画组动画组,是CAAnimation的子类,可以保存一组动画对象,将CAAnimationGroup对象加入层后,组中所有动画对象可以同时并发运行属性说明: ...
如何使用Visual Studio 2013 创建Azure云应用
创建 Azure 云服务 Azure 云服务包括执行应用程序所需操作的角色.当你将云服务发布到 Azure 时,每个角色将在云中的虚拟机上运行.有关如何开发 Azure 云服务的详细信息. 创建 Az ...
结合实例分析简单工厂模式&amp&semi;工厂方法模式&amp&semi;抽象工厂模式的区别
之前写过一篇关于工厂模式(Factory Pattern)的随笔,里面分析了简单工厂模式,但对于工厂方法和抽象工厂的分析较为简略.这里重新分析分析三者的区别,工厂模式是java设计模式中比较简单的一个 ...
苹果审核返回崩溃日志 iOS &period;crash文件处理 symbolicatecrash&period; &&num;160&semi;困扰我多年的牛皮癣根治了看到这篇文章拿过来用下
AppStore审核被拒,返回crashLog.txt文件,可是打开后都是十六进制的地址,我们可以使用Xcode自带的 symbolicatecrash 解析得到我们需要的详细崩溃信息crashLog ...
初探storm
Storm入门之Storm示例及UI参数讲解 Storm UI REST API Storm 1.1.0 中文文档 Apache Storm 1.1.0 中文文档 | ApacheCN Storm U ...
Jmeter-常用线程组设置及场景运行时间计算
Jmeter中通过线程组来模拟大用户并发场景,今天主要介绍三个常用的线程组,帮助我们设计更加完善的测试场景,另外介绍下场景执行时间如何计算. 一.Thread Group 取样器错误后要执行的动作 ...
【洛谷2252&amp&semi;HDU1527】取石子游戏（博弈论）
题面 HDU1527 取石子游戏洛谷2252 取石子游戏题解裸的威佐夫博弈 #include<iostream> #include<cmath> using namesp ...
牛B三人组-快速排序-堆排序-归并排序
快速排序随便取个数,作为标志值,这里就默认为索引位置为0的值记录左索引和右索引,从右往左找比标志值小的,小值和左索引值交换,右索引变化,然后从左往右找比标志值大的,大值和右索引值交换,左索引变化 ...