基于javaweb的验证码实现

最新推荐文章于 2023-11-01 22:48:19 发布

原创最新推荐文章于 2023-11-01 22:48:19 发布 · 1.5k 阅读

8 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#java #验证码

JavaWeb程序设计同时被 2 个专栏收录

19 篇文章

订阅专栏

验证码和文件上传与下载

3 篇文章

订阅专栏

本文介绍了如何在JavaWeb环境中实现验证码功能。包括创建显示数字验证码的loginForm.jsp，生成验证码的validate.jsp页面，以及验证用户输入验证码是否正确的ValidateServlet。当用户输入正确的验证码时，系统将正常进行下一步操作；若输入错误，会提示用户重新输入。

要求：

编写一个表单，显示数字验证码，如果用户看不清，可以点击旁边的按钮“换一张”来重新获取新的验证码，并要求有验证码功能。

loginForm.jsp:登录表单

<%@ page language="java" pageEncoding="utf-8"%>
<html>
	<body>
	<script type="text/javascript">
		function refresh(){
			//生成只包含数字的验证码
			loginForm.imgValidate.src = "validate.jsp?id=" + Math.random();
		}
	</script>
	<form name="loginForm" action="ValidateServlet" method="post">
		请输入验证码:
		<input type="text" name="code" size="10">
		<!-- 生成只包含数字的验证码 -->
		<img name="imgValidate" src="validate.jsp" style="vertical-align: middle;">
		<input type="button" onclick="refresh()" value="换一张"/><br/>
		<input type="submit" value="登录">	
	</form>		
	</body>
</html>

validate.jsp：生成验证码

<%@ page language="java"
	import="java.awt.*"
	import="java.awt.image.BufferedImage"
	import="java.util.*"
	import="javax.imageio.ImageIO"	
	pageEncoding="utf-8"%>
<%
	response.setHeader("Cache-Control","no-cache"); 
	// 在内存中创建图象 
	int width = 60, height = 20;
	BufferedImage image = new BufferedImage(width, height,
		BufferedImage.TYPE_INT_RGB);
	//获取画笔
	Graphics g = image.getGraphics();
	//设定背景色 
	g.setColor(new Color(200, 200, 200));
	g.fillRect(0, 0, width, height);
	//取随机产生的验证码(4位数字) 
	Random rnd = new Random();
	int randNum = rnd.nextInt(8999) + 1000;
	String randStr = String.valueOf(randNum);
	//将验证码存入session
	session.setAttribute("randStr", randStr);
	//将验证码显示到图象中 
	g.setColor(Color.black);
	g.setFont(new Font("", Font.PLAIN, 20));
	g.drawString(randStr, 10, 17);
	// 随机产生100个干扰点，使图象中的验证码不易被其他程序探测到 
	for (int i = 0; i < 100; i++){
		int x = rnd.nextInt(width);
		int y = rnd.nextInt(height);
		g.drawOval(x, y, 1, 1);
	}
	// 输出图象到页面 
	ImageIO.write(image, "JPEG", response.getOutputStream());
	out.clear();
	out = pageContext.pushBody();
%>

ValidateServlet:验证输入的验证码是否正确

package servlet;

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 ValidateServlet extends HttpServlet {

	private static final long serialVersionUID = 1L;

	public void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		//得到提交的验证码
		String code = request.getParameter("code");
		//获取session中的验证码
		HttpSession session = request.getSession();
		String randStr = (String)session.getAttribute("randStr");
		response.setCharacterEncoding("utf-8");
		PrintWriter out = response.getWriter();
		if(!code.equals(randStr)){
			out.println("验证码错误");
		}
		else{
			out.println("验证码正确! <br> 跳转到LoginServlet......");
		}		
	}
}