Servlet入门级登录验证码

最新推荐文章于 2022-09-24 09:42:28 发布

悦酱IKA

最新推荐文章于 2022-09-24 09:42:28 发布

阅读量140

点赞数 1

文章标签： servlet java jsp

本文链接：https://blog.csdn.net/a_hary/article/details/104991166

版权

Servlet入门级登录验证码

作者在家疫情期间闲着无事，想着把最近学到的东西，系统的复习一下，这样也算是正向输出，以后把梳理一下。
首先我们要实现的效果如下
在这里插入图片描述
因为这个图片是动态的，每当我们点击一下，它都会随机改变，这也符合我们平时操作的常识。

现在我们开始我们的第一步，先建立一个JSP界面

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>I验证码案例</title>
<style type="text/css">
	.s1{
		cursor:pointer;
		/*鼠标移入时变成手的形状*/
	}
</style>
<script>
</script>
</head>
<body>
<div>
<form action="*.do" method="post">
验证码：<input name="vcode">
<!--name用于在java代码中接受用户输入的值，这个值要记住！-->
<img src="code" onclick="this.src='code?'+Math.random()" class="s1" title="点击更换">
<!--src用于与servlet进行交互，类似于发送请求
	onclick是一个事件响应，在后面加上Math.random()，
	相当于告诉服务器，
	每次的请求都不一样。
	clss是样式标签
	title是当鼠标移入图片时，进行提示！-->
	<input type="submit" value="提交">
</form>
</div>
</body>
</html>

到这里，我们的第一步就算是完成了！至于样式大家可以自己设置！

新建一个用于绘制验证码的class文件

package web;

import java.awt.Color;
import java.awt.Font;
import java.awt.Graphics;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.io.OutputStream;
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;
import javax.servlet.http.HttpSession;

/**
 * 生成验证码图片
 * 
 */

public class VerificationAction extends HttpServlet{

	@Override
	protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
		// TODO Auto-generated method stub
		//1.创建空白图片,参数前面分别设置的是图片的宽和高，还有一个是图片的类型。（这个我也不太清楚！）
		BufferedImage image = new BufferedImage(100, 30, BufferedImage.TYPE_INT_RGB);
		//2.获取画笔
		Graphics g = image.getGraphics();
		
		//3.设置画笔颜色，我们通过随机数的形式，来随机生成图片的背景颜色。
		Random r = new Random();
		g.setColor(new Color(r.nextInt(256), r.nextInt(255), r.nextInt(255)));
		
		//4.绘制矩形背景，这路将画布的背景颜色进行填充
		g.fillRect(0, 0, 100, 30);
		//5.调用自定义方法，获取长度为n的字母数字组合的字符串（验证码的内容）,这个n可以自己设置，我这里设置为5
		String veristr = getString(5);
		//这个的作用，是把当前获取到的随机字符串保存到session中，这样等会我们输入验证码的时候，就可以从session中直接获取进行比较。
		HttpSession session = req.getSession();
		session.setAttribute("verification", veristr);
		//设置验证码内容的颜色和字体，黑色，宋体
		g.setColor(new Color(0,0,0));
		g.setFont(new Font("宋体",Font.BOLD,24));
		
		
		//6.设置颜色字体后，绘制字符串内容
		g.drawString(veristr, 5, 25);
		
		//7.绘制八条干扰线
		for (int i=0;i<8;i++) {
			g.setColor(new Color(r.nextInt(255), r.nextInt(255), r.nextInt(255)));
			g.drawLine(r.nextInt(100), r.nextInt(30), r.nextInt(100), r.nextInt(30));
			
		
		}
		//8.输出图片，这里要与平时书写的resp.setContentType("text/html;charset=utf-8");有所区别
		//一个是输出文字，一个输出图片，这个是关键之处
		resp.setContentType("image/jpeg");
		OutputStream ops = resp.getOutputStream();
		ImageIO.write(image, "jpeg", ops);
		ops.close();
	}
	//自定义方法，获取长度为length的字符数字串
	private String getString(int length) {
		String str = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";
		String result ="";
		Random r = new Random();
		for (int i=0;i<length;i++) {
			result +=str.charAt(r.nextInt(str.length()));
		}
		return result;
	}
	

}

到目前为止我们几乎已经完成了我们要写代码的一大部分！接下来还有一个验证的过程，我们就完成了我们的一个入门级的验证码。看到这里的同学，给自己鼓励的大拇指！

创建一个用于核对验证码输入的class

package web;

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

	@Override
	protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
		// TODO Auto-generated method stub
		//这里设置编码格式
		req.setCharacterEncoding("utf-8");
		resp.setContentType("text/html;charset=utf-8");
		//设置输出流，将结果输入界面
		PrintWriter out = resp.getWriter();
		//获取session对象，这个步骤是为了，得到我们先前存入的	verification的值
		HttpSession session = req.getSession();
		String getVeri = session.getAttribute("verification").toString();
		//System.out.println(session.getId());
		//设置session超时10秒
		//session.setMaxInactiveInterval(10);
		//进行验证码比对，此处获取用户输入的验证码
		String verificationStr = req.getParameter("vcode");
		
//		System.out.println(verificationStr);
//		System.out.println(getVeri);
		if (getVeri.equals(verificationStr)) {
		//如果比对成功，就在页面上显示验证成功！
			out.println("验证成功！");
					//req.getRequestDispatcher("login.jsp").forward(req, resp);

			}else {
			//如果出现错误，通过转发回到初始页面！
		//	req.setAttribute("err1", "验证码错误");
			req.getRequestDispatcher("login.jsp").forward(req, resp);
		}
		out.close();
	}

}

到此处，我们已经将程序中的代码部分完成，现在就是配置我们的web.XML

配置web.xml文件

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://xmlns.jcp.org/xml/ns/javaee" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd" id="WebApp_ID" version="3.1">
  <display-name>SessionWeb</display-name>
    <servlet>
  	<servlet-name>login</servlet-name>
  	<servlet-class>web.Action</servlet-class>
  </servlet>
  <servlet-mapping>
  	<servlet-name>login</servlet-name>
  	<url-pattern>*.do</url-pattern>
  </servlet-mapping>
  
   <servlet>
  	<servlet-name>verification</servlet-name>
  	<servlet-class>web.VerificationAction</servlet-class>
  </servlet>
  <servlet-mapping>
  	<servlet-name>verification</servlet-name>
  	<url-pattern>/code</url-pattern>
  </servlet-mapping>
</web-app>

到这里，我们的servlet的一个简单的验证码就完成啦！
认真吸收知识，认真的分享知识
希望大家都能一步步的变成自己想成为的那一个人。

悦酱IKA

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
Servlet入门级登录验证码

Servlet入门级登录验证码作者在家疫情期间闲着无事，想着把最近学到的东西，系统的复习一下，这样也算是正向输出，以后把梳理一下。首先我们要实现的效果如下因为这个图片是动态的，每当我们点击一下，它都会随机改变，这也符合我们平时操作的常识。现在我们开始我们的第一步，先建立一个JSP界面<%@ page language="java" contentType="text/html...
复制链接

扫一扫