溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章將為大家詳細講解有關JavaWeb中怎么實現登錄頁面驗證碼驗證功能，文章內容質量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關知識有一定的了解。
一、驗證碼
驗證碼本質上是一張圖片，圖片內容會隨著程序的運行而隨機生成
驗證碼的作用：防止應用惡意發送數據，一定程度上避免了惡意程序對網站的攻擊。驗證碼本質上是一張圖片，圖片內容的準確解析不容易用程序來實現。驗證碼的繪制：繪制驗證碼圖片不僅僅需要隨機生成要繪制的內容，同時要配合Java中與繪圖有關的一套API來完成。
二、效果演示
驗證碼Demo
三、給出完整代碼
(1)服務器端代碼ActionServlet.java
package session;import java.io.IOException;import javax.servlet.ServletException;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;import javax.servlet.http.HttpSession;/** * 服務器端合并Servlet * * @author QianliangGuo */public class ActionServlet extends HttpServlet { @Override protected void service(HttpServletRequest request,HttpServletResponse response) throws ServletException, IOException { // 設置編碼 request.setCharacterEncoding("utf-8"); // 獲得session HttpSession session = request.getSession(); //設置session超時時間為10秒// session.setMaxInactiveInterval(10); // 獲得請求路徑 String uri = request.getRequestURI(); // 拆分路徑,只保留login.do中的login String action = uri.substring(uri.lastIndexOf("/") + 1,uri.lastIndexOf(".")); // 判斷請求路徑是否為登錄 if (action.equals("login")) { String uname = request.getParameter("uname"); String pwd = request.getParameter("pwd"); //獲得用戶提交的驗證碼字符 String vcode = request.getParameter("vcode"); //獲得session中存儲的最新驗證碼字符 String code = session.getAttribute("code").toString(); if (code.equals(vcode) &&uname.equals("123") && pwd.equals("123") ) { // 將登錄的用戶綁定到session session.setAttribute("uname", uname); // 重定向到index.jsp// response.sendRedirect("index.jsp"); //如果禁用了Cookie,使用URL重寫 response.sendRedirect(response.encodeRedirectURL("index.jsp")); } else { // 登錄失敗,就轉發到login.jsp request.setAttribute("msg", "輸入有誤,請重新登錄!"); request.getRequestDispatcher("login.jsp").forward(request,response); } }else if(action.equals("logout")){ //使session失效 session.invalidate(); response.sendRedirect("login.jsp"); } }}
(2)繪制驗證碼CodeServlet.java
package session;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.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;/** * 繪制驗證碼 * * @author QianliangGuo */public class CodeServlet extends HttpServlet { @Override protected void service(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException { //驗證碼的servlet //0.創建空白圖片 BufferedImage image = new BufferedImage(100,30,BufferedImage.TYPE_INT_RGB); //1.獲取圖片畫筆 Graphics g = image.getGraphics(); Random r = new Random(); //2.設置畫筆顏色 g.setColor(new Color(r.nextInt(255),r.nextInt(255),r.nextInt(255))); //3.繪制矩形的背景 g.fillRect(0, 0, 100, 30); //4.調用自定義的方法,獲取長度為5的字母數字組合的字符串 String number = getNumber(5); //獲得session HttpSession session = request.getSession(); //設置sesssion失效時間為30秒// session.setMaxInactiveInterval(30); //將這5個隨機字符綁定到session中 session.setAttribute("code", number); g.setColor(new Color(0,0,0)); g.setFont(new Font(null,Font.BOLD,24)); //5.設置顏色字體后,繪制字符串 g.drawString(number, 5, 25); //6.繪制8條干擾線 for(int i=0;i<8;i++){ g.setColor(new Color(r.nextInt(255),r.nextInt(255),r.nextInt(255),r.nextInt(255))); g.drawLine(r.nextInt(100), r.nextInt(30), r.nextInt(100), r.nextInt(30)); } response.setContentType("img/jpeg"); OutputStream ops = response.getOutputStream(); ImageIO.write(image,"jpeg",ops); ops.close(); } private String getNumber(int size) { String str = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789"; String number = ""; Random r = new Random(); for(int i=0;i<size;i++){ number+=str.charAt(r.nextInt(str.length())); } return number; }}
(2)登錄頁面login.jsp
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><!-- 登錄顯示的頁面 --><% Object msg = request.getAttribute("msg"); if(msg!=null){ %> <%=msg.toString() %> <%} %><html> <head> </head> <body> <form action="login.do" method="post"> 用戶名:<input name="uname"/></br> 密碼:<input name = "pwd" type="password"/> </br> 驗證碼:<input name="vcode"/> <img src="code" onclick="this.src='code?'+Math.random();" class="s1" title="點擊更換"/><br/> <input type="submit" value="登錄"/> </form> </body></html>
(3)展示驗證碼的頁面validateCode.jsp
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><!-- 展示驗證碼的頁面 --><html> <head> <title>驗證碼</title> <!-- 鼠標移入圖片,變成手狀 --> <style type="text/css"> .s1{ cursor:pointer; } </style> </head> <body> <!-- 單擊時,重新向code發送請求,并添加隨機數,欺騙瀏覽器為不同的地址 --> <img src="code" onclick="this.src='code?'+Math.random();" class="s1" title="點擊更換"/> </body></html>
(5)index.jsp
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><!-- 登錄成功后的頁面 --><% //小腳本:session驗證 Object uname = session.getAttribute("uname"); if(uname == null){ //重定向到login.jsp response.sendRedirect("login.jsp"); return; } %><html> <head> </head> <body> <h2>歡迎登錄:<%=uname.toString() %></h2> <a href="logout.do" rel="external nofollow" >退出</a> </body></html>
關于JavaWeb中怎么實現登錄頁面驗證碼驗證功能就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
