Servlet（6）验证码

最新推荐文章于 2022-05-24 10:20:51 发布

coding_xian

最新推荐文章于 2022-05-24 10:20:51 发布

阅读量176

点赞数

分类专栏： Java 文章标签： Servlet 验证码

本文链接：https://blog.csdn.net/Carl_changxin/article/details/86612004

版权

Java 专栏收录该内容

62 篇文章 0 订阅

订阅专栏

上一节：https://blog.csdn.net/Carl_changxin/article/details/86608693

1、自定义验证码代码如下

package com;

import java.awt.Color;
import java.awt.Font;
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.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class ServletVerify extends HttpServlet{
	public void doGet(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		int width = 110;
		int height = 25;
		//在内存中创建一个图像对象
		BufferedImage img = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);
		
		//创建一个画笔
		Graphics g = img.getGraphics();
		
		//给图片添加背景色
		g.setColor(Color.PINK);//设置一个颜色
		g.fillRect(1, 1, width-2, height-2);//填充颜色
		
		//给边框一个色
		g.setColor(Color.RED);
		g.drawRect(0, 0, width-1, height-1);//设置边框的显示坐标
		
		//设置文本样式
		g.setColor(Color.BLUE);
		g.setFont(new Font("宋体", Font.BOLD|Font.ITALIC, 15));
		
		//给图片添加文本
		Random rand = new Random();
		int position = 20;
		for (int i = 0; i < 4; i++) {
			g.drawString(rand.nextInt(10)+"", position, 20);//给图片填充文本
			position+=20;
		}
		
		//添加7条干扰线
		for (int i = 0; i < 7; i++) {
			g.drawLine(rand.nextInt(width), rand.nextInt(height), rand.nextInt(width), rand.nextInt(height));
		}
		//将图片对象以流的方式输出的客户端
		ImageIO.write(img, "jpg", response.getOutputStream());
		
	}

	public void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		doGet(request, response);
	}
}

截图如下

2、login.html代码

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
	function changeCode(){
		//得到图片元素
		var img = document.getElementsByTagName("img")[0];
		//img.setAttribute("src","/Demo/carl/demo3");//XML Dom 语法
		img.src = "/Demo/carl/demo3?time="+new Date().getTime();
	}
</script>
</head>
<body>
	<form action="#" method="post">
		用户名：<input type="text" name="userName"/><br>
		密码：<input type="password" name="pwd"/><br>
		验证码：<input type="text" name="code"/>
		<img src="/Demo/carl/demo3" onclick="changeCode()"/><a href="javascript:changeCode()" >看不清换一张</a><br>
		<input type="submit" value="登录"/><br>
	</form>
</body>
</html>

将自定义的验证码和login.html结合使用，有如下截图

3、导入ValidateCode.jar轻松使用验证码

自定义验证码太麻烦，直接导入jar包，定义参数，就能得到所需的验证码

jar包地址：https://pan.baidu.com/s/1gqgNGmkSdt0oCM7tuPz-aA

Servlet代码的doGet方法如下：

public void doGet(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		
		ValidateCode vc = new ValidateCode(110, 25, 4, 9);
		vc.write(response.getOutputStream());
		
	}