jsp+Servlet編程實現驗證碼的方法_JSP編程

來源:互聯網
上載者:User

本文執行個體講述了jsp+Servlet編程實現驗證碼的方法。分享給大家供大家參考,具體如下:

這裡用到兩個類,一個用於驗證碼實現,一個為後台Servlet驗證輸入是否正確:

CodeUtil.java--------驗證碼具體實現:

package util; import java.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.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; import javax.servlet.jsp.PageContext; import javax.servlet.jsp.tagext.BodyContent; import com.sun.image.codec.jpeg.JPEGCodec; import com.sun.image.codec.jpeg.JPEGImageDecoder; import com.sun.image.codec.jpeg.JPEGImageEncoder; public class CodeUtil extends HttpServlet {  public void service(HttpServletRequest request, HttpServletResponse response)    throws ServletException, IOException {   //System.out.println("哈哈哈");   response.setContentType("image/jpeg");   //設定頁面不緩衝   response.setHeader("Pragma", "No-cache");   response.setHeader("Cache-Control", "no-cache");    response.setDateHeader("Expires", 0);   //在記憶體中建立映像   int width = 90;   int height = 35;   BufferedImage image = new BufferedImage(width,height,BufferedImage.TYPE_INT_RGB);   //擷取圖形上下文   Graphics g = image.getGraphics();   //隨機類   Random random = new Random();   //設定背景   g.setColor(getRandColor(200, 250));   g.fillRect(0, 0, width, height);   //設定字型   g.setFont(new Font("Times New Roman",Font.PLAIN,30));   //隨機產生幹擾線   g.setColor(getRandColor(160, 200));    for (int i = 0; i < 100; i++) {     int x = random.nextInt(width);     int y = random.nextInt(height);     int xl = random.nextInt(12);     int yl = random.nextInt(12);     g.drawLine(x, y, x + xl, y + yl);    }   //隨機產生4位驗證碼   String[] codes = {"0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z","a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z"};   String code = "";   for(int i=0;i<4;i++){    String str = codes[random.nextInt(codes.length)];    code += str;    // 將認證碼顯示到圖象中    g.setColor(new Color(50 + random.nextInt(110), 20 + random.nextInt(110), 30 + random.nextInt(110)));    //調用函數出來的顏色相同,可能是因為種子太接近,所以只能直接產生     g.drawString(str, 18 * i +13, 27); //文字間距*i+距離左邊距,上邊距   }   HttpSession session=request.getSession();   // 將認證碼存入SESSION    session.setAttribute("code", code);   // 圖象生效    g.dispose();    // 輸出圖象到頁面    ImageIO.write(image, "JPEG", response.getOutputStream());   //加上下面代碼,運行時才不會出現java.lang.IllegalStateException: getOutputStream() has already been called ..........等異常   response.getOutputStream().flush();   response.getOutputStream().close();   response.flushBuffer();  }  //擷取隨機顏色  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);   } } 

CheckCodeUtil.java-----------使用者輸入驗證功能

package util; import java.io.IOException; import java.io.PrintWriter; 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 {  public void service(HttpServletRequest request, HttpServletResponse response)    throws ServletException, IOException {   request.setCharacterEncoding("utf-8");   response.setContentType("text/html;charset=utf-8");   PrintWriter out = response.getWriter();   //從session擷取驗證碼   HttpSession session=request.getSession();   String code=session.getAttribute("code").toString();   System.out.println(code);   //擷取使用者輸入驗證碼   String input=request.getParameter("code");   System.out.println(input);   if(code.equalsIgnoreCase(input)){    //轉寄資料    request.setAttribute("result", "true");    request.getRequestDispatcher("test/regist.jsp").forward(request, response); //   response.sendRedirect(request.getContextPath()+"/regist/regist.jsp");   }else{    request.setAttribute("result", "false");    request.getRequestDispatcher("test/regist.jsp").forward(request, response);   }  } } 

測試頁面效果:

測試頁面代碼:

<%@ page session="true" pageEncoding="utf-8" contentType="text/html; charset=utf-8"%> <!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>    function showResult1(){    alert('輸入正確');    }    function showResult2(){    alert('輸入錯誤');    }   </script>  </head>  <%   response.setContentType("text/html;charset=utf-8");   request.setCharacterEncoding("utf-8");   String path=request.getContextPath();   if(request.getAttribute("result")!=null){   String result=request.getAttribute("result").toString();   out.print(result);   if(result.equals("true")){    out.print("true");    out.print("<script>showResult1();<script>");   }else{    out.print("<script>showResult2();<script>");   }   }  %>   <body>   <br>驗證碼示範   <form action="<%=path %>/checkCodeUtil" method="post">   <input type="text" size="10" name="code"/>   <img src="<%=path %>/codeUtil" id="img"/>   <a href="javascript:;" onclick="document.    getElementById('img').src='<%=path %>/codeUtil?'+new Date().getTime();">看不清,換一個</a>   <input type="submit" value="提交">   </form>  </body> </html> 

希望本文所述對大家jsp程式設計有所協助。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.