成語驗證碼的引用(javaWeb)

成語驗證碼的引用(javaWeb)

代碼示例:

1.前端頁面

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>

<script type="text/javascript">
	function change(obj) {
		/* 給服務器傳遞一個時間戳(參數),每一個時刻點擊的時候都會發送不同的參數,這樣就會騙過服務器一直重新做加載,而不會加載緩存。 做到每點擊一次就刷新一次顯示的圖片*/
		obj.src = "/26-Servlet/CheckCodeServlet?time=" + new Date().getTime();
	}
</script>

</head>
<body>

<form action="/26-Servlet/RegistServlet">
    <!--在圖片標籤中的src圖片地址直接填上繪製圖片的後臺Servlet即可-->
	<img src="/26-Servlet/CheckCodeServlet" onclick="change(this)"><br />
	<input type="text" placeholder="請輸入驗證碼..."  name = "code"><br /><br /> 
	<input type="submit" value="註冊">
</form>
	

</body>
</html>

 2.後端界面

1).將需要添加的成語文件(word.txt)放在WEB-INF目錄之下

往word.txt文件中添加成語的時候注意(默認規範):每個成語獨佔一行。

2).成語繪圖界面

package com.helong.code;

import java.awt.Color;
import java.awt.Font;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.image.BufferedImage;
import java.io.BufferedReader;
import java.io.FileReader;
import java.io.IOException;
import java.util.ArrayList;
import java.util.List;
import java.util.Random;

import javax.imageio.ImageIO;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;


@WebServlet("/CheckCodeServlet")
public class CheckCodeServlet extends HttpServlet {
	private static final long serialVersionUID = 1L;

	// 集合中保存所有成語
	private List<String> words = new ArrayList<String>();

	@Override
	public void init() throws ServletException {
		// 初始化階段,讀取new_words.txt
		// web工程中讀取 文件,必須使用絕對磁盤路徑
		String path = getServletContext().getRealPath("/WEB-INF/words.txt");
		try {
			BufferedReader reader = new BufferedReader(new FileReader(path));
			String line;
			//把讀的成語全部添加到一個集合當中
			while ((line = reader.readLine()) != null) {
				words.add(line);
			}
			reader.close();
		} catch (IOException e) {
			e.printStackTrace();
		}
	}

	public void doGet(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		// 禁止緩存
		response.setHeader("Cache-Control", "no-cache");
		//設置過期時間爲立即過期
		response.setDateHeader("Expires", 0);
		
		int width = 120;
		int height = 30;
		// 步驟一 繪製一張內存中圖片
		BufferedImage bufferedImage = new BufferedImage(width, height,
				BufferedImage.TYPE_INT_RGB);
		// 步驟二 圖片繪製背景顏色 ---通過繪圖對象
		Graphics graphics = bufferedImage.getGraphics();// 得到畫圖對象 --- 畫筆
		// 繪製任何圖形之前 都必須指定一個顏色
		graphics.setColor(getRandColor(200, 250));
		graphics.fillRect(0, 0, width, height);
		// 步驟三 繪製邊框
		graphics.setColor(Color.WHITE);
		graphics.drawRect(0, 0, width - 1, height - 1);
		// 步驟四 四個隨機數字
		Graphics2D graphics2d = (Graphics2D) graphics;
		// 設置輸出字體
		graphics2d.setFont(new Font("宋體", Font.BOLD, 18));
		Random random = new Random();// 生成隨機數
		int index = random.nextInt(words.size());
		String word = words.get(index);// 獲得成語
		System.out.println(word);
		// 定義x座標
		int x = 10;
		for (int i = 0; i < word.length(); i++) {
			// 隨機顏色
			graphics2d.setColor(new Color(20 + random.nextInt(110), 20 + random
					.nextInt(110), 20 + random.nextInt(110)));
			// 旋轉 -30 --- 30度
			int jiaodu = random.nextInt(60) - 30;
			// 換算弧度
			double theta = jiaodu * Math.PI / 180;

			// 獲得字母數字
			char c = word.charAt(i);

			// 將c 輸出到圖片
			graphics2d.rotate(theta, x, 20);
			graphics2d.drawString(String.valueOf(c), x, 20);
			graphics2d.rotate(-theta, x, 20);
			x += 30;
		}

		// 將驗證碼內容保存session
		//request.getSession().setAttribute("checkcode_session", word);
		//把生成的驗證碼存放到全局域對象當中
		this.getServletContext().setAttribute("checkCode", word);
		// 步驟五 繪製干擾線
		graphics.setColor(getRandColor(160, 200));
		int x1;
		int x2;
		int y1;
		int y2;
		for (int i = 0; i < 30; i++) {
			x1 = random.nextInt(width);
			x2 = random.nextInt(12);
			y1 = random.nextInt(height);
			y2 = random.nextInt(12);
			graphics.drawLine(x1, y1, x1 + x2, x2 + y2);
		}
		// 將上面圖片輸出到瀏覽器 ImageIO
		graphics.dispose();// 釋放資源
		//將圖片寫到response.getOutputStream()中
		ImageIO.write(bufferedImage, "jpg", response.getOutputStream());
	}

	public void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		doGet(request, response);
	}

	/**
	 * 取其某一範圍的color
	 * 
	 * @param fc
	 *            int 範圍參數1
	 * @param bc
	 *            int 範圍參數2
	 * @return Color
	 */
	private 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);
	}

}

3).註冊處理後臺界面(判斷輸入的文字是否與頁面顯示的文字一致)

package com.helong.code;

import java.io.IOException;
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.jsp.PageContext;


@WebServlet("/RegistServlet")
public class RegistServlet extends HttpServlet {
	private static final long serialVersionUID = 1L;

	
	protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		//接收請求參數
		String code = request.getParameter("code");
		System.out.println(code);
		
		//將輸入的文字轉換爲utf-8編碼形式
		byte[] bytes = code.getBytes("ISO8859-1");
		code = new String(bytes,"UTF-8");
		System.out.println(code);
		
		//取出一開始存放 的word 成語繪圖處理界面在繪製圖片的時候已經將所繪製的文字存放到了ServerletContext域當中了
		String word = (String)this.getServletContext().getAttribute("checkCode");
		
		
		//設置字符集
		response.setContentType("text/html;charset=UTF-8");
		
		//兩個做對比
		if(code.equals(word)) {
			response.getWriter().write("註冊 成功 ");
		}else {
			response.getWriter().write("驗證碼錯誤  ");
			response.setHeader("refresh","3;url=/26-Servlet/code.html");
		}
		
	}

}

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章