servlet+jsp实现验证码登录

最新推荐文章于 2022-02-17 20:43:13 发布

JayBryant_

最新推荐文章于 2022-02-17 20:43:13 发布

阅读量1.8k

点赞数

分类专栏： J2EE 文章标签： servlet jsp 验证码

本文链接：https://blog.csdn.net/JayBryant_/article/details/78306219

版权

J2EE 专栏收录该内容

2 篇文章 1 订阅

订阅专栏

整体思路：

1.前端jsp页面：

<head>

<script>
	function reloadCode(){
		var time = new Date().getTime();
		document.getElementById("imagecode").src="<%=request.getContextPath()%>/servlet/ImageServlet?d="+time;
	}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>验证码登录</title>
</head>
<body>
<form action="<%=request.getContextPath()%>/servlet/LoginServlet">
	<lable>验证码：</lable>
	<input type="text" name="checkcode">
	<img id="imagecode" alt="验证码" title="验证码" src="<%=request.getContextPath()%>/servlet/ImageServlet"/>
	<a href="javascript:reloadCode()">看不清，换一张</a><br>
	<input type="submit" value="登录">
</form>
</body>

alt属性是指当图片加载不出来的时候页面上所显示的文字；title属性是指当把鼠标移到该图片上时所显示的提示文字
2.创建一个生成验证码图片的servlet：

import java.awt.Color;
import java.awt.Graphics;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.util.Random;

import javax.imageio.ImageIO;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
@WebServlet(
		name="ImageServlet",
		urlPatterns={"/servlet/ImageServlet"}
	)
public class ImageServlet extends HttpServlet {

	/**
	 * 
	 */
	private static final long serialVersionUID = 1L;


	@Override
	protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
		BufferedImage bi = new BufferedImage(68, 22, BufferedImage.TYPE_INT_RGB);
		Graphics g = bi.getGraphics();
		Color color = new Color(200, 150, 255);
		g.setColor(color);
		g.fillRect(0, 0, 68, 22);
		char[] ch = "QWERTYUIOPASDFGHJKLZXCVBNM0123456789".toCharArray();
		Random random = new Random();
		int len = ch.length,index;
		StringBuffer sBuffer = new StringBuffer();
		for (int i = 0; i < 4; i++) {
			index = random.nextInt(len);
			g.setColor(new Color(random.nextInt(88), random.nextInt(188), random.nextInt(255)));
			g.drawString(ch[index]+"", (i*15)+3, 18);
			sBuffer.append(ch[index]);
		}
		req.getSession().setAttribute("piccode", sBuffer.toString());
		ImageIO.write(bi, "jpg", resp.getOutputStream());
		
	}

}

在servlet 3.0中，配置一个servlet不用再去web.xml上添加servlet-name和servlet-class还有servlet-mapping等代码，直接像上述代码那样在import下面添加

@WebServlet(
		name="ImageServlet",
		urlPatterns={"/servlet/ImageServlet"}
	)

即可，注意urlPattern的/，该路径是可随意编写的。
3.创建一个验证验证码是否正确的登录servlet:

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

/**
 * Servlet implementation class LoginServlet
 */
@WebServlet(
		name="LoginServlet",
		urlPatterns={"/servlet/LoginServlet"})
public class LoginServlet extends HttpServlet {
	private static final long serialVersionUID = 1L;
       
    /**
     * @see HttpServlet#HttpServlet()
     */
    public LoginServlet() {
        super();
        // TODO Auto-generated constructor stub
    }

	/**
	 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		String piccode = (String) request.getSession().getAttribute("piccode");
		String checkcode = request.getParameter("checkcode");
		checkcode = checkcode.toUpperCase();
		PrintWriter out = response.getWriter();
		if (checkcode.equals(piccode)) {
			out.println("done");	
		}else {
			out.println("false");
		}
		out.flush();
		out.close();
	}

}