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 这个,不管他,默认就好自定义表单名称这个的话,比如你要加个留言板还是投诉建议?写上去呗数据表这个不要碰, ...

随机推荐

Lock关键字
public abstract class CountBase { public abstract void Increment(); public abstract void Decreament( ...
mybatis 根据参数映射对应模型
ORM 框架的优势在于能让我们利用面向对象的思维去操作数据库, hibernate 作为重量级的 ORM 框架对面向对象的支持很强大.作为半自动化的 mybatis ,对面向对象的支持也是很完备的.这 ...
jstl标准标签库常用标签
JSTL(JSP Standard Tag Library)标准标签库: 1, 核心标签(最常用, 最重要的) 表达式控制标签 out 输出常量 value---直接赋值输出变量 default-- ...
Metasploit用法大全
Metasploit用户接口msfconsoleArmitage: KaliGUI启动:armitage命令启动 Metasploit功能程序msfvenom集成了载荷生成器.载荷编码器.空指令生成 ...
object references an unsaved transient instance save the transient instance before flushing
object references an unsaved transient instance save the transient instance before flushing 对象引用未保存的 ...
python的条件语句
Python程序语言指定任何非0和非空(null)值为true,0 或者 null为false. Python 编程中 if 语句用于控制程序的执行,基本形式为: if 判断条件: 执行语句…… el ...
php中对象赋值问题
今天遇到一个问题, 一开始拼接的SQL语句,然后想多次使用时发现会被重置,然后想到给重新赋值一次,但是发现这样赋值会出问题,百思不得其解,最后经过搜索,发现PHP中对象赋值给一个变量之类的赋值的其实是 ...
project1
知识漏洞有空就默写一下-.- [概念] 要好好理解并且背下来记住 MVC要分开,Servlet里面不处理计算的逻辑,只有调用函数(是不是变量传进来以后,调用都不能有呢?) clear map不能直 ...
Spring Boot+Quartz实现一个实时管理的定时任务
转载 https://www.cnblogs.com/wujiwen/p/9615120.html 项目实践过程中碰到一个动态管理定时任务的需求:针对每个人员进行信息的定时更新,具体更新时间可随时调整 ...
(百度)centos7上安装apache指南
https://jingyan.baidu.com/album/c843ea0bb5ff3977931e4a14.html?picindex=1 原文就不拷贝了.留个网址

Servlet案例3：验证码功能

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

随机推荐

热门专题