JSP + Servlet實(shí)現(xiàn)生成登錄驗(yàn)證碼示例
更新時(shí)間：2017年03月02日 09:34:54 作者：Giving_bestself
本篇文章主要介紹了JSP + Servlet實(shí)現(xiàn)登錄驗(yàn)證碼示例，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
隨機(jī)生成四位數(shù)驗(yàn)證碼，包括漢字，數(shù)字，英文大小寫。
1.Servlet類
package servlet;
import java.awt.BasicStroke;
import java.awt.Color;
import java.awt.Font;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.geom.AffineTransform;
import java.awt.geom.Line2D;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.io.PrintWriter;
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;
public class PictureCheckCode extends HttpServlet {
private static final long serialVersionUID = 1L;
public PictureCheckCode() {
super();
}
public void destroy() {
super.destroy();
}
public void init() throws ServletException {
super.init();
}
/*該方法主要作用是獲得隨機(jī)生成的顏色*/
public Color getRandColor(int s,int e){
Random random=new Random ();
if(s>255) s=255;
if(e>255) e=255;
int r,g,b;
r=s+random.nextInt(e-s); //隨機(jī)生成RGB顏色中的r值
g=s+random.nextInt(e-s); //隨機(jī)生成RGB顏色中的g值
b=s+random.nextInt(e-s); //隨機(jī)生成RGB顏色中的b值
return new Color(r,g,b);
}
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
System.out.println("this is doGet method");
this.doPost(request, response);
}
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
//設(shè)置不緩存圖片
response.setHeader("Pragma", "No-cache");
response.setHeader("Cache-Control", "No-cache");
response.setDateHeader("Expires", 0);
//指定生成的響應(yīng)圖片,一定不能缺少這句話,否則錯(cuò)誤.
response.setContentType("image/jpeg");
int width=80,height=35; //指定生成驗(yàn)證碼的寬度和高度
BufferedImage image=new BufferedImage(width,height,BufferedImage.TYPE_INT_RGB); //創(chuàng)建BufferedImage對象,其作用相當(dāng)于一圖片
Graphics g=image.getGraphics(); //創(chuàng)建Graphics對象,其作用相當(dāng)于畫筆
Graphics2D g2d=(Graphics2D)g; //創(chuàng)建Grapchics2D對象
Random random=new Random();
Font mfont=new Font("楷體",Font.BOLD,16); //定義字體樣式
g.setColor(getRandColor(200,250));
g.fillRect(0, 0, width, height); //繪制背景
g.setFont(mfont); //設(shè)置字體
g.setColor(getRandColor(180,200));
//繪制100條顏色和位置全部為隨機(jī)產(chǎn)生的線條,該線條為2f
for(int i=0;i<100;i++){
int x=random.nextInt(width-1);
int y=random.nextInt(height-1);
int x1=random.nextInt(6)+1;
int y1=random.nextInt(12)+1;
BasicStroke bs=new BasicStroke(2f,BasicStroke.CAP_BUTT,BasicStroke.JOIN_BEVEL); //定制線條樣式
Line2D line=new Line2D.Double(x,y,x+x1,y+y1);
g2d.setStroke(bs);
g2d.draw(line); //繪制直線
}
//輸出由英文，數(shù)字，和中文隨機(jī)組成的驗(yàn)證文字，具體的組合方式根據(jù)生成隨機(jī)數(shù)確定。
String sRand="";
String ctmp="";
int itmp=0;
//制定輸出的驗(yàn)證碼為四位
for(int i=0;i<4;i++){
switch(random.nextInt(3)){
case 1: //生成A-Z的字母
itmp=random.nextInt(26)+65;
ctmp=String.valueOf((char)itmp);
break;
case 2: //生成漢字
String[] rBase={"0","1","2","3","4","5","6","7","8","9","a","b","c","d","e","f"};
//生成第一位區(qū)碼
int r1=random.nextInt(3)+11;
String str_r1=rBase[r1];
//生成第二位區(qū)碼
int r2;
if(r1==13){
r2=random.nextInt(7);
}else{
r2=random.nextInt(16);
}
String str_r2=rBase[r2];
//生成第一位位碼
int r3=random.nextInt(6)+10;
String str_r3=rBase[r3];
//生成第二位位碼
int r4;
if(r3==10){
r4=random.nextInt(15)+1;
}else if(r3==15){
r4=random.nextInt(15);
}else{
r4=random.nextInt(16);
}
String str_r4=rBase[r4];
//將生成的機(jī)內(nèi)碼轉(zhuǎn)換為漢字
byte[] bytes=new byte[2];
//將生成的區(qū)碼保存到字節(jié)數(shù)組的第一個(gè)元素中
String str_12=str_r1+str_r2;
int tempLow=Integer.parseInt(str_12, 16);
bytes[0]=(byte) tempLow;
//將生成的位碼保存到字節(jié)數(shù)組的第二個(gè)元素中
String str_34=str_r3+str_r4;
int tempHigh=Integer.parseInt(str_34, 16);
bytes[1]=(byte)tempHigh;
ctmp=new String(bytes);
break;
default:
itmp=random.nextInt(10)+48;
ctmp=String.valueOf((char)itmp);
break;
}
sRand+=ctmp;
Color color=new Color(20+random.nextInt(110),20+random.nextInt(110),random.nextInt(110));
g.setColor(color);
//將生成的隨機(jī)數(shù)進(jìn)行隨機(jī)縮放并旋轉(zhuǎn)制定角度 PS.建議不要對文字進(jìn)行縮放與旋轉(zhuǎn),因?yàn)檫@樣圖片可能不正常顯示
/*將文字旋轉(zhuǎn)制定角度*/
Graphics2D g2d_word=(Graphics2D)g;
AffineTransform trans=new AffineTransform();
trans.rotate((45)*3.14/180,15*i+8,7);
/*縮放文字*/
float scaleSize=random.nextFloat()+0.8f;
if(scaleSize>1f) scaleSize=1f;
trans.scale(scaleSize, scaleSize);
g2d_word.setTransform(trans);
g.drawString(ctmp, 15*i+18, 14);
}
HttpSession session=request.getSession(true);
session.setAttribute("randCheckCode", sRand);
System.out.println(sRand);
g.dispose(); //釋放g所占用的系統(tǒng)資源
ImageIO.write(image,"JPEG",response.getOutputStream()); //輸出圖片
}
}
2.web.xml配置
<servlet> <description>This is the description of my J2EE component</description> <display-name>This is the display name of my J2EE component</display-name> <servlet-name>PictureCheckCode</servlet-name> <servlet-class>servlet.PictureCheckCode</servlet-class> </servlet> <servlet-mapping> <servlet-name>PictureCheckCode</servlet-name> <url-pattern>/pictureCheckCode</url-pattern> </servlet-mapping>
3.jsp頁面輸出驗(yàn)證碼
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>登錄頁面</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<script language="javascript">
function myReload() {
document.getElementById("CreateCheckCode").src = document
.getElementById("CreateCheckCode").src
+ "?nocache=" + new Date().getTime();
}
</script>
</head>
<body>
<form action="loginServlet" method="get">
<p class="font tdheight">
驗(yàn)證碼：<input type="text" name="checkCode"
style="width:70px;height:35px;"> <img
src="pictureCheckCode" id="CreateCheckCode" align="middle"
style="margin-top:-10px;"> <br> <a href=""
onclick="myReload()"
style="font-size:12px;color:red;margin-left:156px;"> 看不清,換一個(gè)</a>
</p>
<br><input type="submit" value="提交"
class="font" style="width:240px;height:35px;background:#f19e28">
</form>
</body>
</html>
4.后臺Servlet判斷驗(yàn)證碼是否與輸入一致
通過request.getParameter(“checkCode”)獲取輸入驗(yàn)證碼，與session.getAttribute(“randCheckCode”)比較是否一致。
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
String code = request.getParameter("checkCode");
HttpSession session = request.getSession();
if (!code.equals(session.getAttribute("randCheckCode"))) {
request.setAttribute("errormsg", "驗(yàn)證碼不正確");
}
System.out.println(request.getAttribute("errormsg"));
}
運(yùn)行結(jié)果：
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
Hibernate包作用詳解...2006-10-10
本文是對在jsp中使用jstl導(dǎo)入html出現(xiàn)亂碼問題的解決方法進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
這篇文章主要介紹了詳解直接訪問WEB-INF目錄下的JSP頁面的方法的相關(guān)資料,需要的朋友可以參考下2017-06-06
這篇文章主要介紹了詳解http請求中的Content-Type的相關(guān)資料,希望通過本文能幫助到大家，需要的朋友可以參考下2017-09-09
JSP使用JDBC完成動態(tài)驗(yàn)證及采用MVC完成數(shù)據(jù)查詢的方法
這篇文章主要介紹了JSP使用JDBC完成動態(tài)驗(yàn)證及采用MVC完成數(shù)據(jù)查詢的方法,實(shí)例分析了JDBC連接數(shù)據(jù)庫及查詢數(shù)據(jù)庫的實(shí)現(xiàn)技巧,并結(jié)合MVC框架進(jìn)行分析說明,需要的朋友可以參考下2015-09-09
這篇文章主要介紹了JSP的request對象實(shí)例詳解的相關(guān)資料,希望通過本文能幫助到大家，需要的朋友可以參考下2017-09-09
詳解Spring Hibernate連接oracle數(shù)據(jù)庫的配置
這篇文章主要介紹了詳解Spring Hibernate連接oracle數(shù)據(jù)庫的配置的相關(guān)資料,需要的朋友可以參考下2017-06-06
JSP 自定義標(biāo)簽 方法總結(jié)，比較詳細(xì)，大家可以參考學(xué)習(xí)下。2009-06-06
運(yùn)用JSP+ajax實(shí)現(xiàn)分類查詢功能的實(shí)例代碼
本篇文章主要介紹了運(yùn)用JSP+ajax實(shí)現(xiàn)分類查詢功能的實(shí)例代碼，具有一定的參考價(jià)值，有興趣的可以了解一下2017-07-07
JSP 開發(fā)之Struts2內(nèi)建自定義攔截器
這篇文章主要介紹了JSP 開發(fā)之Struts2內(nèi)建自定義攔截器的相關(guān)資料,需要的朋友可以參考下2017-04-04