1. 程式人生 > >前臺頁面驗證碼如何生成

前臺頁面驗證碼如何生成

驗證碼:就是將一串隨機產生的數字或符號,生成一幅圖片, 圖片里加上一些干擾象素(防止OCR),由使用者肉眼識別其中的驗證碼資訊,輸入表單提交網站驗證,驗證成功後才能使用某項功能。 
驗證碼作用: 
一般是防止有人利用機器人自動批量註冊、對特定的註冊使用者用特定程式暴力破解方式進行不斷的登陸、灌水。因為驗證碼是一個混合了數字或符號的圖片,人眼看起來都費勁,機器識別起來就更困難。像百度貼吧未登入發貼要輸入驗證碼大概是防止大規模匿名回帖的發生。 

頁面生成驗證碼的步驟:

1.生成驗證碼圖案:

importJava.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.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;

public class CheckCodeUtil extends HttpServlet {
private static final long serialVersionUID = 1L;
public void service(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
/*
* 一、繪圖  
*/
//step1, 建立一個記憶體映像(畫布)
BufferedImage image =  new BufferedImage(80,30,BufferedImage.TYPE_INT_RGB);
//step2,獲得畫筆
Graphics g = image.getGraphics();
//step3,給筆設定顏色
g.setColor(new Color(255,255,255));
//step4,設定畫布的背景顏色
g.fillRect(0, 0, 80, 30);
//step5,給筆設定顏色和字型
Random r = new Random();
g.setColor(new Color(r.nextInt(255),r.nextInt(255),r.nextInt(255)));
g.setFont(new Font(null,Font.BOLD+Font.ITALIC,25));
//step6,生成一個隨機數
String pagecode = getNumber(4);

HttpSession session = request.getSession();
session.setAttribute("checkCode", pagecode);
//step7,繪製圖片
g.drawString(pagecode, 5,26);
//step8,加一些干擾線
/*
for(int i = 0; i < 8; i ++){g.setColor(new Color(r.nextInt(255),r.nextInt(255),r.nextInt(255)));
g.drawLine(r.nextInt(80), r.nextInt(30),
r.nextInt(80), r.nextInt(30));
}
*/
/*
* 二、壓縮圖片並輸出 
*/
//step1,告訴瀏覽器,返回的是圖片
response.setContentType("image/jpeg");
//step2,要使用位元組流輸出
OutputStream os = 
response.getOutputStream();
//step3,壓縮圖片並輸出
javax.imageio.ImageIO.write(
image, "jpeg", os);
os.close();
}

/*
* 生成一個驗證碼
*/
private String getNumber(int size) {
String number = "";
String chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";
Random r = new Random();
for(int i = 0; i < size; i ++){
number += chars.charAt(
r.nextInt(chars.length()));
}
return number;
}
}

2.在WebRoot/WEB-INF/web.xml檔案中部署

<servlet>

<servlet-name>CheckCodeUtil</servlet-name>

<!--指定該類所在包的路徑-->

<servlet-class>com.xj.util.CheckCodeUtil</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>CheckCodeUtil</servlet-name>
<url-pattern>/checkcode.jpeg</url-pattern>

</servlet-mapping>

3.前臺頁面接收

<input type="text" name="pageCode"/>
<span style="cursor:pointer;">
<img src="checkcode.jpeg" onclick="this.src='checkcode.jpeg?'+new Date().getTime();"/>
</span>

4.後臺接收前臺傳送過來的驗證碼

String pageCode = request.getParameter("pageCode");

pageCode .toUpperCase()//轉換為大寫

String sPageCode = (String)session.getAttribute("checkCode");

if(!sPageCode.equals(pageCode .toUpperCase())){

return "驗證碼不正確";

}