99精品国产综合久久久久五月天 ,超碰97资源站,yy111111少妇影院无码

首頁

Java

Java入門

利用java實(shí)作一個(gè)驗(yàn)證碼功能

王林

Sep 02, 2020 pm 03:55 PM

java 驗(yàn)證碼

利用java實(shí)作一個(gè)驗(yàn)證碼功能

在我們的日常生活中驗(yàn)證碼隨處可見，它可以在一定程度上保護(hù)我們的帳號(hào)安全，那麼如何實(shí)現(xiàn)它呢？

（學(xué)習(xí)影片推薦：java課程）

Java實(shí)作驗(yàn)證碼驗(yàn)證功能其實(shí)非常簡(jiǎn)單：用到了一個(gè)Graphics類別在畫板上繪製字母，隨機(jī)選取一定數(shù)量的字母隨機(jī)生成，然後在畫板上隨機(jī)產(chǎn)生幾條幹?jǐn)_線。

首先，寫一個(gè)驗(yàn)證碼產(chǎn)生幫助類，用來繪製隨機(jī)字母：

import java.awt.Color;
import java.awt.Font;
import java.awt.Graphics;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.io.OutputStream;
import java.util.Random;
 
import javax.imageio.ImageIO;
 
public final class GraphicHelper {
 
    /**
     * 以字符串形式返回生成的驗(yàn)證碼，同時(shí)輸出一個(gè)圖片
     * 
     * @param width
     *            圖片的寬度
     * @param height
     *            圖片的高度
     * @param imgType
     *            圖片的類型
     * @param output
     *            圖片的輸出流(圖片將輸出到這個(gè)流中)
     * @return 返回所生成的驗(yàn)證碼(字符串)
     */
    public static String create(final int width, final int height, final String imgType, OutputStream output) {
	StringBuffer sb = new StringBuffer();
	Random random = new Random();
 
	BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);
	Graphics graphic = image.getGraphics();
 
	graphic.setColor(Color.getColor("F8F8F8"));
	graphic.fillRect(0, 0, width, height);
 
	Color[] colors = new Color[] { Color.BLUE, Color.GRAY, Color.GREEN, Color.RED, Color.BLACK, Color.ORANGE,
		Color.CYAN };
	// 在 "畫板"上生成干擾線條 ( 50 是線條個(gè)數(shù))
	for (int i = 0; i < 50; i++) {
	    graphic.setColor(colors[random.nextInt(colors.length)]);
	    final int x = random.nextInt(width);
	    final int y = random.nextInt(height);
	    final int w = random.nextInt(20);
	    final int h = random.nextInt(20);
	    final int signA = random.nextBoolean() ? 1 : -1;
	    final int signB = random.nextBoolean() ? 1 : -1;
	    graphic.drawLine(x, y, x + w * signA, y + h * signB);
	}
 
	// 在 "畫板"上繪制字母
	graphic.setFont(new Font("Comic Sans MS", Font.BOLD, 30));
	for (int i = 0; i < 6; i++) {
	    final int temp = random.nextInt(26) + 97;
	    String s = String.valueOf((char) temp);
	    sb.append(s);
	    graphic.setColor(colors[random.nextInt(colors.length)]);
	    graphic.drawString(s, i * (width / 6), height - (height / 3));
	}
	graphic.dispose();
	try {
	    ImageIO.write(image, imgType, output);
	} catch (IOException e) {
	    e.printStackTrace();
	}
	return sb.toString();
    }
 
}

接著，創(chuàng)建一個(gè)servlet，用來固定圖片大小，以及處理驗(yàn)證碼的使用場(chǎng)景，以及擷取頁面產(chǎn)生的驗(yàn)證碼（擷取到的二維碼與使用者輸入的驗(yàn)證碼一致才能通過）。

import java.io.IOException;
import java.io.OutputStream;
 
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
 
@WebServlet(urlPatterns = "/verify/regist.do" )
public class VerifyCodeServlet extends HttpServlet {
 
    private static final long serialVersionUID = 3398560501558431737L;
 
    @Override
    protected void service(HttpServletRequest request, HttpServletResponse response)
	    throws ServletException, IOException {
 
	// 獲得 當(dāng)前請(qǐng)求 對(duì)應(yīng)的 會(huì)話對(duì)象
	HttpSession session = request.getSession();
 
	// 從請(qǐng)求中獲得 URI ( 統(tǒng)一資源標(biāo)識(shí)符 )
	String uri = request.getRequestURI();
	System.out.println("hello : " + uri);
 
	final int width = 180; // 圖片寬度
	final int height = 40; // 圖片高度
	final String imgType = "jpeg"; // 指定圖片格式 (不是指MIME類型)
	final OutputStream output = response.getOutputStream(); // 獲得可以向客戶端返回圖片的輸出流
								// (字節(jié)流)
	// 創(chuàng)建驗(yàn)證碼圖片并返回圖片上的字符串
	String code = GraphicHelper.create(width, height, imgType, output);
	System.out.println("驗(yàn)證碼內(nèi)容: " + code);
 
	// 建立 uri 和 相應(yīng)的 驗(yàn)證碼 的關(guān)聯(lián) ( 存儲(chǔ)到當(dāng)前會(huì)話對(duì)象的屬性中 )
	session.setAttribute(uri, code);
 
	System.out.println(session.getAttribute(uri));
 
    }
 
}

（相關(guān)教學(xué)推薦：java入門）

接著寫一個(gè)HTML註冊(cè)頁面用來檢驗(yàn)一下：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>注冊(cè)</title>
    <link rel="stylesheet" href="styles/general.css">
    <link rel="stylesheet" href="styles/cell.css">
    <link rel="stylesheet" href="styles/form.css">
	<script type="text/javascript" src="js/ref.js"></script>
    <style type="text/css" >
 
        .logo-container {
            margin-top: 50px ;
        }
        .logo-container img {
            width: 100px ;
        }
 
        .message-container {
            height: 80px ;
        }
 
        .link-container {
            height: 40px ;
            line-height: 40px ;
        }
 
        .link-container a {
            text-decoration: none ;
        }
 
    </style>
 
</head>
<body>
<div class="container form-container">
    <form action="/wendao/regist.do" method="post">
        <div class="form"> <!-- 注冊(cè)表單開始 -->
 
            <div class="form-row">
                        <span class="cell-1">
                            <i class="fa fa-user"></i>
                        </span>
                        <span class="cell-11" style="text-align: left;">
                            <input type="text" name="username" placeholder="請(qǐng)輸入用戶名">
                        </span>
            </div>
 
            <div class="form-row">
                        <span class="cell-1">
                            <i class="fa fa-key"></i>
                        </span>
                        <span class="cell-11" style="text-align: left;">
                            <input type="password" name="password" placeholder="請(qǐng)輸入密碼">
                        </span>
            </div>
 
            <div class="form-row">
                        <span class="cell-1">
                            <i class="fa fa-keyboard-o"></i>
                        </span>
                        <span class="cell-11" style="text-align: left;">
                            <input type="password" name="confirm" placeholder="請(qǐng)確認(rèn)密碼">
                        </span>
            </div>
 
            <div class="form-row">
                        <span class="cell-7">
                            <input type="text" name="verifyCode" placeholder="請(qǐng)輸入驗(yàn)證碼">
                        </span>
                        <span class="cell-5" style="text-align: center;">
                            <img  src="/static/imghw/default1.png"  data-src="/demo/verify/regist.do"  class="lazy"   οnclick="myRefersh(this)" alt="利用java實(shí)作一個(gè)驗(yàn)證碼功能" >
                        </span>
            </div>
 
            <div class="form-row" style="border: none;">
                        <span class="cell-6" style="text-align: left">
                           <input type="reset" value="重置">
                        </span>
                        <span class="cell-6"  style="text-align:right;">
                            <input type="submit" value="注冊(cè)">
                        </span>
            </div>
 
        </div> <!-- 注冊(cè)表單結(jié)束 -->
    </form>
</div>
 
</body>
</html>

效果圖：

利用java實(shí)作一個(gè)驗(yàn)證碼功能

在控制臺(tái)接收到的圖片中驗(yàn)證碼的變化如下：

利用java實(shí)作一個(gè)驗(yàn)證碼功能

#當(dāng)點(diǎn)擊刷新頁面的時(shí)候，驗(yàn)證碼也會(huì)隨著變化，但我們看不清楚驗(yàn)證碼時(shí)，只要點(diǎn)擊驗(yàn)證碼就會(huì)刷新，這樣局部的刷新可以用JavaScript來實(shí)現(xiàn)。

在利用java實(shí)作一個(gè)驗(yàn)證碼功能中，加上一個(gè)問號(hào)和一串後綴數(shù)字，當(dāng)刷新時(shí)讓後綴數(shù)字不斷改變，那麼形成的驗(yàn)證碼也會(huì)不斷變化，我們可以採用的一種辦法是後綴數(shù)字用date代替，date獲取本機(jī)時(shí)間，時(shí)間是隨時(shí)變的，這樣就保證了刷新驗(yàn)證碼可以隨時(shí)變化。

程式碼如下：

function myRefersh( e ) {
	
	const source = e.src ; // 獲得原來的 src 中的內(nèi)容
	//console.log( "source : " + source  ) ;
	
	var index = source.indexOf( "?" ) ;  // 從 source 中尋找 ? 第一次出現(xiàn)的位置 (如果不存在則返回 -1 )
	//console.log( "index : " + index  ) ;
	
	if( index > -1 ) { // 如果找到了 ?  就進(jìn)入內(nèi)部
		var s = source.substring( 0 , index ) ; // 從 source 中截取 index 之前的內(nèi)容 ( index 以及 index 之后的內(nèi)容都被舍棄 )
		//console.log( "s : " + s  ) ;
		
		var date = new Date(); // 創(chuàng)建一個(gè) Date 對(duì)象的 一個(gè) 實(shí)例
		var time = date.getTime() ; // 從 新創(chuàng)建的 Date 對(duì)象的實(shí)例中獲得該時(shí)間對(duì)應(yīng)毫秒值
		e.src = s + "?time=" + time ; // 將 加了 尾巴 的 地址 重新放入到 src 上
		
		//console.log( e.src ) ;
	} else {
		var date = new Date();
		e.src = source + "?time=" + date.getTime();
	}
	
}

以上是利用java實(shí)作一個(gè)驗(yàn)證碼功能的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！

本網(wǎng)站聲明

本文內(nèi)容由網(wǎng)友自願(yuàn)投稿，版權(quán)歸原作者所有。本站不承擔(dān)相應(yīng)的法律責(zé)任。如發(fā)現(xiàn)涉嫌抄襲或侵權(quán)的內(nèi)容，請(qǐng)聯(lián)絡(luò)admin@php.cn

熱AI工具

Undress AI Tool

免費(fèi)脫衣圖片

Undresser.AI Undress

人工智慧驅(qū)動(dòng)的應(yīng)用程序，用於創(chuàng)建逼真的裸體照片

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Clothoff.io

AI脫衣器

Video Face Swap

使用我們完全免費(fèi)的人工智慧換臉工具，輕鬆在任何影片中換臉！

熱工具

記事本++7.3.1

好用且免費(fèi)的程式碼編輯器

SublimeText3漢化版

中文版，非常好用

禪工作室 13.0.1

強(qiáng)大的PHP整合開發(fā)環(huán)境

Dreamweaver CS6

視覺化網(wǎng)頁開發(fā)工具

SublimeText3 Mac版

神級(jí)程式碼編輯軟體(SublimeText3)

熱門話題

gmail信箱登陸入口在哪裡

8638

Java教學(xué)

1783

CakePHP 教程

1728

Laravel 教程

1579

PHP教程

1444

Related knowledge

如何在Java的地圖上迭代？ Jul 13, 2025 am 02:54 AM

遍歷Java中的Map有三種常用方法：1.使用entrySet同時(shí)獲取鍵和值，適用於大多數(shù)場(chǎng)景；2.使用keySet或values分別遍歷鍵或值；3.使用Java8的forEach簡(jiǎn)化代碼結(jié)構(gòu)。 entrySet返回包含所有鍵值對(duì)的Set集合，每次循環(huán)獲取Map.Entry對(duì)象，適合頻繁訪問鍵和值的情況；若只需鍵或值，可分別調(diào)用keySet()或values()，也可在遍歷鍵時(shí)通過map.get(key)獲取值；Java8中可通過Lambda表達(dá)式使用forEach((key,value)-&gt

Java可選示例 Jul 12, 2025 am 02:55 AM

Optional能清晰表達(dá)意圖並減少null判斷的代碼噪音。 1.Optional.ofNullable是處理可能為null對(duì)象的常用方式，如從map中取值時(shí)可結(jié)合orElse提供默認(rèn)值，邏輯更清晰簡(jiǎn)潔；2.通過鍊式調(diào)用map實(shí)現(xiàn)嵌套取值，安全地避免NPE，任一環(huán)節(jié)為null則自動(dòng)終止並返回默認(rèn)值；3.filter可用於條件篩選，滿足條件才繼續(xù)執(zhí)行後續(xù)操作，否則直接跳到o??rElse，適合輕量級(jí)業(yè)務(wù)判斷；4.不建議過度使用Optional，如基本類型或簡(jiǎn)單邏輯中其反而增加複雜度，部分場(chǎng)景直接返回nu

Java中的可比較與比較器 Jul 13, 2025 am 02:31 AM

在Java中，Comparable用於類內(nèi)部定義默認(rèn)排序規(guī)則，Comparator用於外部靈活定義多種排序邏輯。 1.Comparable是類自身實(shí)現(xiàn)的接口，通過重寫compareTo()方法定義自然順序，適用於類有固定、最常用的排序方式，如String或Integer。 2.Comparator是外部定義的函數(shù)式接口，通過compare()方法實(shí)現(xiàn)，適合同一類需要多種排序方式、無法修改類源碼或排序邏輯經(jīng)常變化的情況。兩者區(qū)別在於Comparable只能定義一種排序邏輯且需修改類本身，而Compar

如何修復(fù)java.io.notserializable Exception？ Jul 12, 2025 am 03:07 AM

遇到j(luò)ava.io.NotSerializableException的核心解決方法是確保所有需序列化的類實(shí)現(xiàn)Serializable接口，並檢查嵌套對(duì)象的序列化支持。 1.給主類添加implementsSerializable；2.確保類中自定義字段對(duì)應(yīng)的類也實(shí)現(xiàn)Serializable；3.用transient標(biāo)記不需要序列化的字段；4.檢查集合或嵌套對(duì)像中的非序列化類型；5.查看異常信息定位具體哪個(gè)類未實(shí)現(xiàn)接口；6.對(duì)無法修改的類考慮替換設(shè)計(jì)，如保存關(guān)鍵數(shù)據(jù)或使用可序列化的中間結(jié)構(gòu)；7.考慮改

如何處理Java中的字符編碼問題？ Jul 13, 2025 am 02:46 AM

處理Java中的字符編碼問題，關(guān)鍵是在每一步都明確指定使用的編碼。 1.讀寫文本時(shí)始終指定編碼，使用InputStreamReader和OutputStreamWriter並傳入明確的字符集，避免依賴系統(tǒng)默認(rèn)編碼。 2.在網(wǎng)絡(luò)邊界處理字符串時(shí)確保兩端一致，設(shè)置正確的Content-Type頭並用庫顯式指定編碼。 3.謹(jǐn)慎使用String.getBytes()和newString(byte[])，應(yīng)始終手動(dòng)指定StandardCharsets.UTF_8以避免平臺(tái)差異導(dǎo)致的數(shù)據(jù)損壞?？傊?，通過在每個(gè)階段

JavaScript數(shù)據(jù)類型：原始與參考 Jul 13, 2025 am 02:43 AM

JavaScript的數(shù)據(jù)類型分為原始類型和引用類型。原始類型包括string、number、boolean、null、undefined和symbol，其值不可變且賦值時(shí)復(fù)制副本，因此互不影響；引用類型如對(duì)象、數(shù)組和函數(shù)存儲(chǔ)的是內(nèi)存地址，指向同一對(duì)象的變量會(huì)相互影響。判斷類型可用typeof和instanceof，但需注意typeofnull的歷史問題。理解這兩類差異有助於編寫更穩(wěn)定可靠的代碼。

Java方法參考解釋了 Jul 12, 2025 am 02:59 AM

方法引用是Java中一種簡(jiǎn)化Lambda表達(dá)式的寫法，使代碼更簡(jiǎn)潔。它不是新語法，而是Java8引入的Lambda表達(dá)式的一種快捷方式，適用於函數(shù)式接口的上下文。其核心在於將已有方法直接作為函數(shù)式接口的實(shí)現(xiàn)來使用。例如System.out::println等價(jià)於s->System.out.println(s)。方法引用主要有四種形式：1.靜態(tài)方法引用（ClassName::staticMethodName）；2.實(shí)例方法引用（綁定到特定對(duì)象，instance::methodName）；3.

Java中的'靜態(tài)”關(guān)鍵字是什麼？ Jul 13, 2025 am 02:51 AM

InJava,thestatickeywordmeansamemberbelongstotheclassitself,nottoinstances.Staticvariablesaresharedacrossallinstancesandaccessedwithoutobjectcreation,usefulforglobaltrackingorconstants.Staticmethodsoperateattheclasslevel,cannotaccessnon-staticmembers,

See all articles

国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

利用java實(shí)作一個(gè)驗(yàn)證碼功能

熱AI工具

Undress AI Tool

Undresser.AI Undress

AI Clothes Remover

Clothoff.io

Video Face Swap

熱門文章

熱工具

記事本++7.3.1

SublimeText3漢化版

禪工作室 13.0.1

Dreamweaver CS6

SublimeText3 Mac版

熱門話題