1 验证码有啥用
在我们注册时，如果没有验证码的话，我们可以使用URLConnection来写一段代码发出注册请求。甚至可以使用while(true)来注册！那么服务器就废了！
验证码可以去识别发出请求的是人还是程序！当然，如果聪明的程序可以去分析验证码图片！但分析图片也不是一件容易的事，因为一般验证码图片都会带有干扰线，人都看不清，那么程序一定分析不出来。
2 在页面中显示动态图片
我们需要写一个VerifyCodeServlet，在这个Servlet中我们生成动态图片，然后它图片写入到response.getOutputStream()流中！然后让页面的元素指定这个VerifyCodServlet即可。
VerifyCodeServlet
public class VerifyCodeServlet extends HttpServlet {
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
VerifyCode vc = new VerifyCode();
BufferedImage image = vc.getImage();
String text = vc.getText();
System.out.println("text:" + text);
VerifyCode.output(image, response.getOutputStream());
}
}
index.jsp
<script type="text/javascript">
function _change() {
var imgEle = document.getElementById("vCode");
imgEle.src = "/day06_6/VerifyCodeServlet?" + new Date().getTime();
}
</script>
...
<body>
<h1>验证码</h1>
<img id="vCode" src="/day06_6/VerifyCodeServlet"/>
<a href="javascript:_change()">看不清，换一张</a>
</body>3 在注册页面中使用验证码
<form action="/day06_6/RegistServlet" method="post">
用户名：<input type="text" name="username"/><br/>
验证码：<input type="text" name="code" size="3"/>
<img id="vCode" src="/day06_6/VerifyCodeServlet"/>
<a href="javascript:_change()">看不清，换一张</a>
<br/>
<input type="submit" value="Submit"/>
</form>4 RegistServlet
修改VerifyCodeServlet
public class VerifyCodeServlet extends HttpServlet {
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
VerifyCode vc = new VerifyCode();
BufferedImage image = vc.getImage();
request.getSession().setAttribute("vCode", vc.getText());
VerifyCode.output(image, response.getOutputStream());
}
}
RegistServlet
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("验证码错误！");
}
}
}5 总结验证码案例
- VerifyCodeServlet：
(1)生成验证码：VerifyCode vc = new VerifyCode();BufferedImage image = vc.getImage()；
(2)在session中保存验证码文本：request.getSession.getAttribute(“vCode”, vc.getText())；
(3)把验证码输出到页面：VerifyCode.output(image, response.getOutputStream)； - regist.jsp：
(1)表单中包含username和code字段；
(2)在表单中给出指向VerifyCodeServlet，用来在页面中显示验证码图片；
(3)提供“看不清，换一张”链接，指向_change()函数；
(4)提交到RegistServlet； - RegistServlet：
(1)获取表单中的username和code；
(2)获取session中的vCode；
(3)比较code和vCode是否相同；
(4)相同说明用户输入的验证码正确，否则输入验证码错误。