一、前言

      驗證碼可以說在我們生活中已經非常普遍了，任何一個網站，任何一個App都會有這個功能，但是為啥要有這個呢？如何做才能做出來呢？下面小編會帶領大家一起用java完成一個驗證碼的功能。

二、驗證碼的作用

      一般可以防止有人利用機器人自動批量註冊、對特定的註冊使用者用特定程式暴力破解方式進行不斷的登入，灌水。因為驗證碼是一個混合了數字和符號的圖片，人眼看起來都費勁，機器識別起來就更難了。

三、java實現

3.1 建立驗證碼的servlet 類：

package com.bjpowernode.drp.util.servlet;

import java.awt.Color;
import
 
 java.awt.Font;
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;
import
 
 javax.servlet.http.HttpSession;
/**
 * 驗證碼功能生成
 * @author Ares
 *
 */
public class AuthImage extends HttpServlet{
         private static final String CONTENT_TYPE = "text/html; charset=gb2312";  
            //設定字母的大小,大小  
            private Font mFont = new Font("Times New Roman", Font.PLAIN, 17);  
            public
 
 void init() throws ServletException  
            {  
                super.init();  
            }  
            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);  
            }  

            public void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException  
            {  
                response.setHeader("Pragma","No-cache");  
                response.setHeader("Cache-Control","no-cache");  
                response.setDateHeader("Expires", 0);  
                //表明生成的響應是圖片  
                response.setContentType("image/jpeg");  

                int width=100, height=18;  
                BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);  

                Graphics g = image.getGraphics();  
                Random random = new Random();  
                g.setColor(getRandColor(200,250));  
                g.fillRect(1, 1, width-1, height-1);  
                g.setColor(new Color(102,102,102));  
                g.drawRect(0, 0, width-1, height-1);  
                g.setFont(mFont);  

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

                //畫隨機線  
                for (int i=0;i<155;i++)  
                {  
                    int x = random.nextInt(width - 1);  
                    int y = random.nextInt(height - 1);  
                    int xl = random.nextInt(6) + 1;  
                    int yl = random.nextInt(12) + 1;  
                    g.drawLine(x,y,x + xl,y + yl);  
                }  

                //從另一方向畫隨機線  
                for (int i = 0;i < 70;i++)  
                {  
                    int x = random.nextInt(width - 1);  
                    int y = random.nextInt(height - 1);  
                    int xl = random.nextInt(12) + 1;  
                    int yl = random.nextInt(6) + 1;  
                    g.drawLine(x,y,x - xl,y - yl);  
                }  

                //生成隨機數,並將隨機數字轉換為字母  
                String sRand="";  
                for (int i=0;i<6;i++)  
                {  
                    int itmp = random.nextInt(26) + 65;  
                    char ctmp = (char)itmp;  
                    sRand += String.valueOf(ctmp);  
                    g.setColor(new Color(20+random.nextInt(110),20+random.nextInt(110),20+random.nextInt(110)));  
                    g.drawString(String.valueOf(ctmp),15*i+10,16);  
                }  

                HttpSession session = request.getSession(true);  
                session.setAttribute("rand",sRand);  
                g.dispose();  
                ImageIO.write(image, "JPEG", response.getOutputStream());  
            }  
            public void destroy()  
            {  
            }  
}

3.2 在WEB-INF檔案下的web.xml配置servlet

    //servlet名字和位置
    <servlet>
        <servlet-name>AuthImage</servlet-name>
        <servlet-class>com.bjpowernode.drp.util.servlet.AuthImage</servlet-class>
    </servlet>
    //servlet 對那些對映起作用
    <servlet-mapping>
        <servlet-name>AuthImage</servlet-name>
        <url-pattern>/servlet/login/AuthImage</url-pattern>
    </servlet-mapping>

3.3 前臺呼叫Servlet

jsp程式碼：

<img id="img" style="cursor:pointer;" alt="驗證碼" src="${pageContext.request.contextPath}/servlet/login/AuthImage" onclick="changeImg()">

js：

//點選驗證碼變換圖片
function changeImg(){
    var img =document.getElementById("img");
    img.src="${pageContext.request.contextPath}/servlet/login/AuthImage?d="+Math.random();
    return false;
}

四、小結

      通過這次的對驗證碼的學習，自己也是有了一定的認識，對整個Servlet和前臺程式碼之間的互動，資料傳輸也有了很好地提升，所以以後還是要多多的學習一下這些的技巧，多多總結一下。這樣知識才會紮實。