JSP中使用者註冊驗證碼
阿新 • • 發佈：2018-12-17
目錄
0.碼仙勵志
不要讓未來的你，討厭現在的自己，困惑誰都有，但成功只配得上勇敢的行動派
1.驗證碼有啥用
在我們註冊時，如果沒有驗證碼的話，我們可以使用URLConnection來寫一段程式碼發出註冊請求。甚至可以使用while(true)來註冊！那麼伺服器就廢了！ 驗證碼可以去識別發出請求的是人還是程式！當然，如果聰明的程式可以去分析驗證碼圖片！但分析圖片也不是一件容易的事，因為一般驗證碼圖片都會帶有干擾線，人都看不清，那麼程式一定分析不出來。
2.VerifyCode 生成驗證碼圖片
這個類可以生成驗證碼圖片
package com.maxian.servlet; import java.awt.BasicStroke; import java.awt.Color; import java.awt.Font; import java.awt.Graphics2D; import java.awt.image.BufferedImage; import java.io.IOException; import java.io.OutputStream; import java.util.Random; import javax.imageio.ImageIO; public class VerifyCode { private int w = 70; private int h = 35; private Random r = new Random(); // {"宋體", "華文楷體", "黑體", "華文新魏", "華文隸書", "微軟雅黑", "楷體_GB2312"} private String[] fontNames = {"宋體", "華文楷體", "黑體", "微軟雅黑", "楷體_GB2312"}; // 可選字元 private String codes = "23456789abcdefghjkmnopqrstuvwxyzABCDEFGHJKMNPQRSTUVWXYZ"; // 背景色 private Color bgColor = new Color(255, 255, 255); // 驗證碼上的文字 private String text ; // 生成隨機的顏色 private Color randomColor () { int red = r.nextInt(150); int green = r.nextInt(150); int blue = r.nextInt(150); return new Color(red, green, blue); } // 生成隨機的字型 private Font randomFont () { int index = r.nextInt(fontNames.length); String fontName = fontNames[index];//生成隨機的字型名稱 int style = r.nextInt(4);//生成隨機的樣式, 0(無樣式), 1(粗體), 2(斜體), 3(粗體+斜體) int size = r.nextInt(5) + 24; //生成隨機字號, 24 ~ 28 return new Font(fontName, style, size); } // 畫干擾線 private void drawLine (BufferedImage image) { int num = 3;//一共畫3條 Graphics2D g2 = (Graphics2D)image.getGraphics(); for(int i = 0; i < num; i++) {//生成兩個點的座標，即4個值 int x1 = r.nextInt(w); int y1 = r.nextInt(h); int x2 = r.nextInt(w); int y2 = r.nextInt(h); g2.setStroke(new BasicStroke(1.5F)); g2.setColor(Color.BLUE); //干擾線是藍色 g2.drawLine(x1, y1, x2, y2);//畫線 } } // 隨機生成一個字元 private char randomChar () { int index = r.nextInt(codes.length()); return codes.charAt(index); } // 建立BufferedImage private BufferedImage createImage () { BufferedImage image = new BufferedImage(w, h, BufferedImage.TYPE_INT_RGB); Graphics2D g2 = (Graphics2D)image.getGraphics(); g2.setColor(this.bgColor); g2.fillRect(0, 0, w, h); return image; } // 呼叫這個方法得到驗證碼 public BufferedImage getImage () { BufferedImage image = createImage();//建立圖片緩衝區 Graphics2D g2 = (Graphics2D)image.getGraphics();//得到繪製環境 StringBuilder sb = new StringBuilder();//用來裝載生成的驗證碼文字 // 向圖片中畫4個字元 for(int i = 0; i < 4; i++) {//迴圈四次，每次生成一個字元 String s = randomChar() + "";//隨機生成一個字母 sb.append(s); //把字母新增到sb中 float x = i * 1.0F * w / 4; //設定當前字元的x軸座標 g2.setFont(randomFont()); //設定隨機字型 g2.setColor(randomColor()); //設定隨機顏色 g2.drawString(s, x, h-5); //畫圖 } this.text = sb.toString(); //把生成的字串賦給了this.text drawLine(image); //新增干擾線 return image; } // 返回驗證碼圖片上的文字 public String getText () { return text; } // 儲存圖片到指定的輸出流 public static void output (BufferedImage image, OutputStream out) throws IOException { ImageIO.write(image, "JPEG", out); } }
2.VerifyCodeServlet 響應到各戶端
用來把驗證碼響應到各戶端和儲存驗證碼的內容
package com.maxian.servlet; import java.awt.image.BufferedImage; import java.io.IOException; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; public class VerifyCodeServlet extends HttpServlet { public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { //建立驗證碼類 VerifyCode vc = new VerifyCode(); // 獲取隨機圖片 BufferedImage image = vc.getImage(); //儲存圖片上的文字到session域中 request.getSession().setAttribute("vCode", vc.getText()); //把圖片響應給客戶端 VerifyCode.output(image, response.getOutputStream()); } }
3.RegistServlet 判斷驗證碼
判斷使用者輸入的驗證碼是否正確
package com.maxian.servlet; import java.io.IOException; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; public class RegistServlet extends HttpServlet { public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { //設定編碼 request.setCharacterEncoding("utf-8"); response.setContentType("text/html;charset=utf-8"); //獲取使用者輸入的使用者名稱和驗證碼 String username = request.getParameter("username"); String vCode = request.getParameter("code"); //獲取使用者輸入的使用者名稱和驗證碼 String sessionVerifyCode = (String)request.getSession().getAttribute("vCode"); //判斷使用者輸入的使用者名稱和驗證碼和使用者輸入的使用者名稱和驗證碼是否一致 if(vCode.equalsIgnoreCase(sessionVerifyCode)) { response.getWriter().print(username + ", 恭喜！註冊成功！"); } else { response.getWriter().print("驗證碼錯誤！"); } } }
4.zhuce.jsp 註冊頁面
使用者註冊的頁面
<%@ 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">
</head>
<body>
<script type="text/javascript">
function _change() {
var imgEle = document.getElementById("vCode");
imgEle.src = "/Test01_5/VerifyCodeServlet?" + new Date().getTime();
}
</script>
<form action="/Test01_5/RegistServlet" method="post">
使用者名稱：<input type="text" name="username"/><br/>
驗證碼：<input type="text" name="code" size="3"/>
<img id="vCode" src="/Test01_5/VerifyCodeServlet"/>
<a href="javascript:_change()">看不清，換一張</a>
<br/>
<input type="submit" value="註冊"/>
</form>
</body>
</html>