「Java功能實(shí)現(xiàn)」驗(yàn)證碼制作篇-使用Servlet實(shí)現(xiàn)驗(yàn)證碼

一.驗(yàn)證碼的作用

1.驗(yàn)證碼簡介

驗(yàn)證碼(captcha):是一種區(qū)分用戶是計算機(jī)還是人的公共全自動程序营搅。

2.驗(yàn)證碼的作用

可以防止惡意破解密碼媚赖、刷票乡翅、論壇灌水,有效防止某個黑客對某一特定注冊用戶用特定程序暴力破解方式進(jìn)行不斷的登錄嘗試

二.使用Servlet實(shí)現(xiàn)驗(yàn)證碼

我的項(xiàng)目環(huán)境:
jdk:1.8
ide:Eclipse
服務(wù)器:tomcat7


首先創(chuàng)建個web項(xiàng)目

1.制作index.jsp頁面

  • 驗(yàn)證碼包括兩部分:
     1. 輸入框
     2. 顯示驗(yàn)證碼的圖片
<%@ page language="java" pageEncoding="GBK"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>驗(yàn)證碼頁面</title>
</head>
<body>
    <form action="">
        驗(yàn)證碼:<input type="text" name="checkcode"/>
        <img alt="驗(yàn)證碼" id="imagecode" src="<%=request.getContextPath() %>/servlet/ImageServlet"/>
        <a href="javascript: void(0);">看不清楚</a><br>
        <input type="submit" value="提交">
    </form>
</body>
</html>

2.制作驗(yàn)證碼

生成圖片所用到的類
①BufferedImage圖像數(shù)據(jù)緩沖區(qū)
②Graphics繪制圖片
③Color獲取顏色
④Random生成隨機(jī)數(shù)
⑤ImageIO輸出圖片


生成圖片的實(shí)現(xiàn)類
①定義BufferedImage對象
②獲得Graphics對象
③通過Random產(chǎn)生隨機(jī)驗(yàn)證碼信息
④使用Graphics繪制圖片
⑤記錄驗(yàn)證碼信息到Session對象中
⑥使用ImageIO輸出圖片


創(chuàng)建一個名為ImageServlet.java的Servlet類

package com.wshuai;

import java.awt.Color;
import java.awt.Graphics;
import java.awt.image.BufferedImage;
import java.io.IOException;
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 ImageServlet extends HttpServlet {
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //1.定義BufferedImage對象闸准,參數(shù)(寬度,高度梢灭,圖片類型)
        BufferedImage bi = new BufferedImage(68, 22, BufferedImage.TYPE_INT_RGB);
        //2.獲得Graphics對象
        Graphics g = bi.getGraphics();
        //3.設(shè)置顏色
        Color c = new Color(200,150,255);
        //4.把顏色給g對象
        g.setColor(c);
        //5.畫框
        g.fillRect(0, 0, 68, 22);
        
        //6.指定驗(yàn)證碼內(nèi)容
        char[] ch = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789".toCharArray();
        //7.創(chuàng)建random隨機(jī)對象獲取驗(yàn)證碼
        Random r = new Random();
        int len = ch.length; //獲取ch長度
        int index; //創(chuàng)建一個隨機(jī)索引變量
        StringBuffer sb = new StringBuffer(); //用于保存驗(yàn)證碼的值
        //通過循環(huán)隨機(jī)取四位
        for (int i = 0; i < 4; i++) {
            index = r.nextInt(len);
            //設(shè)置字符隨機(jī)顏色
            g.setColor(new Color(r.nextInt(88),r.nextInt(188),r.nextInt(255)));
            //設(shè)置字符隨機(jī)位置
            g.drawString(ch[index]+"", (i*15)+3, 18);
            //將驗(yàn)證碼添加到sb對象中
            sb.append(ch[index]);
        }
        //將驗(yàn)證碼保存到Session對象中夷家,方便之后進(jìn)行驗(yàn)證
        request.getSession().setAttribute("piccode", sb.toString());
        ImageIO.write(bi, "JPG", response.getOutputStream());
    }
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        super.doPost(req, resp);
    }
}

3.配置web.xml

  <!-- 以上省略 -->
  <!-- 將ImageServlet配置到web.xml文件中 -->
  <servlet>
    <servlet-name>ImageServlet</servlet-name>
    <servlet-class>com.wshuai.ImageServlet</servlet-class>
  </servlet>
  <servlet-mapping>
    <servlet-name>ImageServlet</servlet-name>
    <url-pattern>/servlet/ImageServlet</url-pattern>
  </servlet-mapping>
  <!-- 以下省略 -->

到此就可以啟動服務(wù)器進(jìn)行測試了,結(jié)果如圖

驗(yàn)證碼生成成功

4.實(shí)現(xiàn)看不清楚刷新驗(yàn)證碼功能

1.給頁面添加一個script腳本方法

<!-- 以上省略 -->
<script type="text/javascript">
        function reloadCode(){
            var time = new Date().getTime();
            document.getElementById("imagecode").src="<%=request.getContextPath() %>/servlet/ImageServlet?d="+time;
        }
</script>
 <!-- 以下省略 -->

解釋:腳本中reloadCode()方法中time的作用:防止刷新時出現(xiàn)緩沖區(qū)生效導(dǎo)致刷新不成功的情況敏释。

修改href

接下來可以再嘗試點(diǎn)擊看不清楚驗(yàn)證碼是否能夠刷新呢

5.驗(yàn)證碼的校驗(yàn)功能

首先我們讓表單提交到Servlet驗(yàn)證地址

填寫提交地址

創(chuàng)建相對應(yīng)的Servlet類 ----- LoginServlet.java

package com.wshuai;

import java.io.IOException;
import java.io.PrintWriter;

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 {
        //首先獲取原來的驗(yàn)證碼信息
        String piccode = (String) request.getSession().getAttribute("piccode");
        //獲取用戶填寫的驗(yàn)證碼
        String checkcode = request.getParameter("checkcode");
        //設(shè)置返回結(jié)果的字符集
        response.setContentType("text/html;charset=gbk");
        //創(chuàng)建輸出流對象
        PrintWriter out = response.getWriter();
        //判斷驗(yàn)證碼是否正確
        //使用equalsIgnoreCase()方法比較字符串可以忽略大小寫
        if (checkcode.equalsIgnoreCase(piccode)) {
            out.print("驗(yàn)證碼輸入正確!");
        }else {
            out.print("驗(yàn)證碼輸入錯誤!");
        }
        //刷新并關(guān)閉流
        out.flush();
        out.close();
    }
}

配置LoginServlet類到web.xml文件

  <!-- 以上省略 -->
  <!-- 將LoginServlet配置到web.xml文件中 -->
  <servlet>
    <servlet-name>LoginServlet</servlet-name>
    <servlet-class>com.wshuai.LoginServlet</servlet-class>
  </servlet>
  <servlet-mapping>
    <servlet-name>LoginServlet</servlet-name>
    <url-pattern>/servlet/LoginServlet</url-pattern>
  </servlet-mapping>
  <!-- 以下省略 -->

配置成功后便可以啟動服務(wù)器測試了



本項(xiàng)目為Java實(shí)現(xiàn)驗(yàn)證碼制作的基本篇
代碼地址:https://github.com/WangShuai0413/captcha
如有疑問或者建議库快,歡迎留言交流。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末颂暇,一起剝皮案震驚了整個濱河市缺谴,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖湿蛔,帶你破解...
    沈念sama閱讀 218,036評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件膀曾,死亡現(xiàn)場離奇詭異,居然都是意外死亡阳啥,警方通過查閱死者的電腦和手機(jī)添谊,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,046評論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來察迟,“玉大人斩狱,你說我怎么就攤上這事≡浚” “怎么了所踊?”我有些...
    開封第一講書人閱讀 164,411評論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長概荷。 經(jīng)常有香客問我秕岛,道長,這世上最難降的妖魔是什么误证? 我笑而不...
    開封第一講書人閱讀 58,622評論 1 293
  • 正文 為了忘掉前任继薛,我火速辦了婚禮,結(jié)果婚禮上愈捅,老公的妹妹穿的比我還像新娘遏考。我一直安慰自己,他們只是感情好蓝谨,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,661評論 6 392
  • 文/花漫 我一把揭開白布灌具。 她就那樣靜靜地躺著,像睡著了一般譬巫。 火紅的嫁衣襯著肌膚如雪稽亏。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,521評論 1 304
  • 那天缕题,我揣著相機(jī)與錄音截歉,去河邊找鬼。 笑死烟零,一個胖子當(dāng)著我的面吹牛瘪松,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播锨阿,決...
    沈念sama閱讀 40,288評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼宵睦,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了墅诡?” 一聲冷哼從身側(cè)響起壳嚎,我...
    開封第一講書人閱讀 39,200評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后烟馅,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體说庭,經(jīng)...
    沈念sama閱讀 45,644評論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,837評論 3 336
  • 正文 我和宋清朗相戀三年郑趁,在試婚紗的時候發(fā)現(xiàn)自己被綠了刊驴。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,953評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡寡润,死狀恐怖捆憎,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情梭纹,我是刑警寧澤躲惰,帶...
    沈念sama閱讀 35,673評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站变抽,受9級特大地震影響礁扮,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜瞬沦,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,281評論 3 329
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望雇锡。 院中可真熱鬧逛钻,春花似錦、人聲如沸锰提。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,889評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽立肘。三九已至边坤,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間谅年,已是汗流浹背茧痒。 一陣腳步聲響...
    開封第一講書人閱讀 33,011評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留融蹂,地道東北人旺订。 一個月前我還...
    沈念sama閱讀 48,119評論 3 370
  • 正文 我出身青樓,卻偏偏與公主長得像超燃,于是被迫代替她去往敵國和親区拳。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,901評論 2 355

推薦閱讀更多精彩內(nèi)容

  • Java實(shí)現(xiàn)驗(yàn)證碼制作 第一章 概述 1.1 驗(yàn)證碼概述 為什么要使用驗(yàn)證碼什么是驗(yàn)證碼使用Servlet實(shí)現(xiàn)驗(yàn)證...
    qezhhnjy閱讀 2,024評論 0 6
  • 從三月份找實(shí)習(xí)到現(xiàn)在意乓,面了一些公司樱调,掛了不少,但最終還是拿到小米、百度笆凌、阿里圣猎、京東、新浪菩颖、CVTE样漆、樂視家的研發(fā)崗...
    時芥藍(lán)閱讀 42,246評論 11 349
  • JCaptcha 簡介 CAPTCHA 全稱 Completely Automated Public Turing...
    誰在烽煙彼岸閱讀 718評論 0 0
  • Spring mvc之java實(shí)現(xiàn)登陸時驗(yàn)證碼邏輯 摘要 一個優(yōu)良的web系統(tǒng)的登陸模塊或者功能,為了防止機(jī)器暴力...
    森森不熄閱讀 3,054評論 1 1
  • 青春期的孩子不就是該追求自己的個性嗎晦闰?為什么很正常的一件事放祟,在班主任眼里就是壞事呢?我們的班主任就是這樣呻右,從來沒...
    藝世昕光閱讀 152評論 0 0