项目准备之小工具VerifyCodeServlet的使用

Posted 2020-10-22

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了项目准备之小工具VerifyCodeServlet的使用相关的知识，希望对你有一定的参考价值。

生成验证码

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="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>表单提交</title>
<script type="text/javascript">
function _hyz() {
    /*
        1. 获取img元素
        2. 改变src的指向
    */
    var img = document.getElementById("img");
    //需要加一个参数才能干掉浏览器的缓存
    img.src = "/tools/VerifyCodeServlet?a=" + new Date().getTime();
}
</script>
</head>
<body>
<!--
生成验证码：
    1. 写表单，其中包含图片（验证码）
    2. 让图片显示出来：
        把<img>的src指向VerifyCodeServlet，你需要在web.xml中部署VerifyCodeServlet
-->
<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="img"/><br />
    <a href="javascript:_hyz()">换一张</a>
    <input type="submit" value="提交" />
</form>
</body>
</html>

配置web.xml文件

<servlet>
<servlet-name>VerifyCodeServlet</servlet-name>
<servlet-class>cn.itcast.vcode.servlet.VerifyCodeServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>VerifyCodeServlet</servlet-name>
<url-pattern>/VerifyCodeServlet</url-pattern>
</servlet-mapping>

编写后台Servlet
```
package cn.itcast.test;
```

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 cn.itcast.servlet.BaseServlet;

/**

以上是关于项目准备之小工具VerifyCodeServlet的使用的主要内容，如果未能解决你的问题，请参考以下文章

VerifyCodeServlet（一次性验证码）

python之小猪佩奇

linux 高性能读书笔记之小工具tcpdump

Android安卓开发之小项目一

easywechat微信开发SDK之小微商户进件

知程序之大,也知程序之小