jsp頁(yè)面驗(yàn)證碼完整實(shí)例
本文實(shí)例為大家分享了sp頁(yè)面驗(yàn)證碼的具體代碼,供大家參考,具體內(nèi)容如下
項(xiàng)目結(jié)構(gòu)如下,MyEclipse中新建一個(gè)Web Project,取名servlet

1、src下new一個(gè)servlet類
package com.servlet;
import java.awt.Color;
import java.awt.Font;
import java.awt.Graphics2D;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.Random;
import javax.servlet.ServletException;
import javax.servlet.ServletOutputStream;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import com.sun.image.codec.jpeg.JPEGCodec;
import com.sun.image.codec.jpeg.JPEGImageEncoder;
public class IdentityServlet extends HttpServlet {
public static final char[] chars={'2','3','4','5','6','7','8','9','A'};//自定義驗(yàn)證碼池
public static Random random=new Random(); //隨機(jī)數(shù)
public static String getRandomString(){ //獲取6位隨機(jī)數(shù),放在圖片里
StringBuffer buffer=new StringBuffer();
for(int i=0;i<6;i++){
buffer.append(chars[random.nextInt(chars.length)]);
}
return buffer.toString();
}
public static Color getRandomColor(){ //獲取隨機(jī)的顏色
return new Color(random.nextInt(255), random.nextInt(255), random.nextInt(255));
}
public static Color getReverseColor(Color c){ //返回某顏色的反色
return new Color(255 - c.getRed(), 255 - c.getGreen(), 255 - c.getBlue());
}
/**
* Constructor of the object.
*/
public IdentityServlet() {
super();
}
/**
* Destruction of the servlet. <br>
*/
public void destroy() {
super.destroy(); // Just puts "destroy" string in log
// Put your code here
}
/**
* The doGet method of the servlet. <br>
*
* This method is called when a form has its tag value method equals to get.
*
* @param request the request send by the client to the server
* @param response the response send by the server to the client
* @throws ServletException if an error occurred
* @throws IOException if an error occurred
*/
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("image/jpeg"); //設(shè)置輸出類型
String randomString = getRandomString(); //隨機(jī)字符串
request.getSession(true).setAttribute("randomString", randomString);//放到session里
int width=100; //圖片寬度
int height=30; //圖片高度
Color color=getRandomColor(); //隨機(jī)顏色,用于背景色
Color reverse=getReverseColor(color);//反色,用于前景色
//創(chuàng)建一個(gè)彩色圖片
BufferedImage bi=new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);
Graphics2D g=bi.createGraphics(); //繪圖對(duì)象
g.setFont(new Font(Font.SANS_SERIF,Font.BOLD,16));//設(shè)置字體
g.setColor(color);//設(shè)置顏色
g.fillRect(0, 0, width, height);//繪制背景
g.setColor(reverse);
g.drawString(randomString, 18, 20);//繪制隨機(jī)字符
for(int i=0,n=random.nextInt(100);i<n;i++){ //畫最多100個(gè)噪音點(diǎn)
g.drawRect(random.nextInt(width), random.nextInt(height), 1, 1);
}
ServletOutputStream out= response.getOutputStream();//轉(zhuǎn)成JPEG格式
JPEGImageEncoder encoder=JPEGCodec.createJPEGEncoder(out);//編碼器
encoder.encode(bi); //對(duì)圖片進(jìn)行編碼
out.flush(); //輸出到客戶端
}
/**
* The doPost method of the servlet. <br>
*
* This method is called when a form has its tag value method equals to post.
*
* @param request the request send by the client to the server
* @param response the response send by the server to the client
* @throws ServletException if an error occurred
* @throws IOException if an error occurred
*/
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
doGet(request, response);
}
/**
* Initialization of the servlet. <br>
*
* @throws ServletException if an error occurs
*/
public void init() throws ServletException {
// Put your code here
}
}
2、web.xml,會(huì)自動(dòng)生成servlet和servlet-mapping的配置
<?xml version="1.0" encoding="UTF-8"?> <web-app version="3.0" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"> <display-name></display-name> <servlet> <servlet-name>IdentityServlet</servlet-name> <servlet-class>com.servlet.IdentityServlet</servlet-class> </servlet> <servlet-mapping> <servlet-name>IdentityServlet</servlet-name> <url-pattern>/servlet/IdentityServlet</url-pattern> </servlet-mapping> <welcome-file-list> <welcome-file>index.jsp</welcome-file> </welcome-file-list> </web-app>
3、WebRoot下新建一個(gè)html,展示驗(yàn)證碼
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
function reloadImage(){
document.getElementById('btn').disabled=true;
document.getElementById('identity').src='servlet/IdentityServlet?ts='+new Date().getTime();
}
</script>
</head>
<body>
<img src="servlet/IdentityServlet" id="identity" onload="btn.disabled=false;" />
<input type=button value="換個(gè)圖片" onclick="reloadImage()" id="btn">
</body>
</html>
啟動(dòng)Tomcat,輸入網(wǎng)址:http://localhost:8080/servlet/identity.html,效果如下:

點(diǎn)擊‘換個(gè)圖片',會(huì)生成新的驗(yàn)證碼。
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
實(shí)例解析JSP中EL表達(dá)式的各種運(yùn)用
這篇文章主要介紹了JSP中EL表達(dá)式的各種運(yùn)用,比如用EL處理數(shù)學(xué)運(yùn)算、內(nèi)置對(duì)象以及數(shù)據(jù)的存取等,代碼示例都相當(dāng)實(shí)用,需要的朋友可以參考下2016-04-04
JSP開(kāi)發(fā)之hibernate之單向多對(duì)一關(guān)聯(lián)的實(shí)例
這篇文章主要介紹了JSP開(kāi)發(fā)之hibernate之單向多對(duì)一關(guān)聯(lián)的實(shí)例的相關(guān)資料,希望通過(guò)本文能幫助到大家,讓大家實(shí)現(xiàn)這樣的功能,需要的朋友可以參考下2017-09-09
Tomcat啟動(dòng)成功訪問(wèn)主頁(yè)失敗的原因解決方案
這篇文章主要介紹了Tomcat啟動(dòng)成功訪問(wèn)主頁(yè)失敗的原因解決方案的相關(guān)資料,需要的朋友可以參考下2017-06-06
JSP開(kāi)發(fā)入門(一)--安裝好你的機(jī)器來(lái)使用JSP
JSP開(kāi)發(fā)入門(一)--安裝好你的機(jī)器來(lái)使用JSP...2006-10-10

