利用itcast-tool包实现jsp+servlet验证码

最新推荐文章于 2021-02-26 09:44:02 发布

cslj2013

最新推荐文章于 2021-02-26 09:44:02 发布

阅读量4.4k

点赞数

分类专栏： JAVA基础及练习

JAVA基础及练习专栏收录该内容

11 篇文章 1 订阅

订阅专栏

小工具（7）:项目所需小工具之VerifyCodeServlet（生成一次性图片验证码）

分类： web 2014-10-25 11:11 123人阅读评论(0) 收藏举报

[html]view plaincopy 
    
 <servlet>  
     <servlet-name>VerifyCodeServlet</servlet-name>  
     <servlet-class>cn.itcast.vcode.servlet.VerifyCodeServlet</servlet-class>  
   </servlet>  

[html]view plaincopy 
    
   <servlet-mapping>  
     <servlet-name>VerifyCodeServlet</servlet-name>  
     <url-pattern>/VerifyCodeServlet</url-pattern>  
   </servlet-mapping>  

2、需要的包名：itcast-tools-1.4.jar

3、新建LoginServlet.java：

[java]view plaincopy 
    
 package cn.itcast.test.web.servlet;  
   
 import java.io.IOException;  
   
 import javax.servlet.ServletException;  
 import javax.servlet.http.HttpServletRequest;  
 import javax.servlet.http.HttpServletResponse;  
   
 import cn.itcast.servlet.BaseServlet;  
   
 public class LoginServlet extends BaseServlet {  
   
     public String login(HttpServletRequest request, HttpServletResponse response)  
             throws ServletException, IOException {  
         /* 
          * 校验验证码 
          * 1. 获取表单中的验证码 
          * 2. 获取图片上的文字 
          */  
         String verifyCode = request.getParameter("verifyCode");  
         // VerifyCodeServlet会把真正的验证码保存到session中  
         String vcode = (String) request.getSession().getAttribute("vCode");  
         System.out.println(verifyCode.equalsIgnoreCase(vcode));  
           
         return null;  
     }  
 }  

新建form.jsp

[html]view plaincopy 
    
 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>  
 <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>  
   
   
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
 <html>  
   <head>  
     <title>My JSP 'form.jsp' starting page</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">  
     <!-- 
     <link rel="stylesheet" type="text/css" href="styles.css"> 
     -->  
 <script type="text/javascript">  
     function _hyz() {  
         /*  
         1. 获取<img>元素  
         2. 给它的src指向为/tools/VerifyCodeServlet  
         */  
         var img = document.getElementById("imgVerifyCode");  
         // 需要给出一个参数，这个参数每次都不同，这样才能干掉浏览器缓存！  
         img.src = "/tools/VerifyCodeServlet?a=" + new Date().getTime();  
     }  
 </script>  
   </head>  
     
   <body>  
 <%--  
 1. 写表单，其中包含图片（验证码）  
 2. 让图片显示出来：  
 　　把<img>的src指向VerifyCodeServlet，你需要在web.xml中部署VerfiyCodeServlet  
 3. 换一张  
 --%>  
 <form action="/tools/LoginServlet" method="post">  
     <%-- 添加一个参数：method=login --%>  
     <input type="hidden" name="method" value="login">  
 用户名：<input type="text"  name="name"/><br/>  
 密　码：<input type="password" name="pwd"/><br/>  
 验证码：<input type="text" name="verifyCode"/><br/>  
 <img src="/tools/VerifyCodeServlet" id="imgVerifyCode"/>  
 <a href="javascript:_hyz()">换一张</a>  
 <br/>  
 <input type="submit" value="提交"/>  
 </form>  
   </body>  
 </html>  

cslj2013

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
6
评论
利用itcast-tool包实现jsp+servlet验证码

小工具（7）:项目所需小工具之VerifyCodeServlet（生成一次性图片验证码）分类： web2014-10-25 11:11 123人阅读评论(0) 收藏举报[html] view plaincopyservlet> servlet-name>VerifyCodeServletservlet-name>
复制链接

扫一扫

专栏目录