验证码技术

在Javaweb项目开发的时候,要做的几乎都会有用户登录功能,那么这个验证码是怎么生成的?

下面我解释一下原理,源码是别人的,忘了从哪copy的了,所以就不写转载的地址了!!!

什么是验证码?

说白了就是从一个容器中随机抽取四个字母数字进行组合,这个容器是自己定义的,然后将抽取到的验证码存到session中,登陆的时候进行验证。

如何将验证码做成图片

这个都是死套路,网上各种各样的源码都有。

下面是一个完整的验证码的代码

html代码

<div class="form-group">
		<div class="field">
			<input type="text" class="input input-big" name="usercode" id="usercode" placeholder="填写右侧的验证码" data-validate="required:请填写右侧的验证码" />
			<span></span>
			<img src="valid.do" alt="" width="100" height="32" class="passcode" style="height:43px;cursor:pointer;" onclick="this.src=this.src+'?'">
		</div>
</div>

验证码的 servlet代码

package servlet;

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.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;

/**
 * 
 * @author 浪子一秋
 *
 */
@WebServlet("/valid.do")
public class ValidateCodeServlet extends HttpServlet {
	// 图形验证码的字符集,系统将随机从这个字符串中选择一些字符作为验证码
	private static String codeChars = "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
	@Override
	protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		// 获得验证码集合的长度
		int charsLength = codeChars.length();
		// 下面3条记录是关闭客户端浏览器的缓冲区
		// 这3条语句都可以关闭浏览器的缓冲区,但是由于浏览器的版本不同,对这3条语句的支持也不同
		// 因此,为了保险起见,同时使用这3条语句来关闭浏览器的缓冲区
		response.setHeader("ragma", "No-cache");
		response.setHeader("Cache-Control", "no-cache");
		response.setDateHeader("Expires", 0);

		// 设置图形验证码的长和宽
		int width = 90, height = 30;
		BufferedImage image = new BufferedImage(width, height,
				BufferedImage.TYPE_INT_RGB);
		Graphics g = image.getGraphics();
		Random random = new Random();
		g.setColor(getRandomColor(180, 250));

		g.fillRect(0, 0, width, height);

		g.setFont(new Font("Times New Roman", Font.ITALIC, height));

		g.setColor(getRandomColor(120, 180));
		// 用户保存最后随机生成的验证码
		StringBuffer validationCode = new StringBuffer();
		// 验证码的随机字体
		String[] fontNames = { "Times New Roman", "Book antiqua", "Arial" };

		// 随机生成4个验证码
		for (int i = 0; i < 4; i++) {
			// 随机设置当前验证码的字符的字体
			g.setFont(new Font(fontNames[random.nextInt(3)], Font.ITALIC,
					height));
			// 随机获得当前验证码的字符
			char codeChar = codeChars.charAt(random.nextInt(charsLength));
			validationCode.append(codeChar);
			// 随机设置当前验证码字符的颜色
			g.setColor(getRandomColor(10, 100));
			// 在图形上输出验证码字符,x和y都是随机生成的
			g.drawString(String.valueOf(codeChar), 16 * i + random.nextInt(7),
					height - random.nextInt(6));
		}

		// 获得HttpSession对象

		HttpSession session = request.getSession();

		// 设置session对象5分钟失效

		session.setMaxInactiveInterval(5 * 60);

		// 将验证码保存在session对象中,key为validation_code

		session.setAttribute("code", validationCode.toString());
		//关闭Graphics对象

		g.dispose();

		OutputStream outS = response.getOutputStream();

		ImageIO.write(image, "JPEG", outS);
	}


	private Color getRandomColor(int minColor, int maxColor) {
		Random random = new Random();
		if(minColor > 255){
			minColor = 255;
		}
		if(maxColor > 255){
			maxColor = 255;
		}
		//获得r的随机颜色值
		int red = minColor+random.nextInt(maxColor-minColor);
		int green = minColor + random.nextInt(maxColor-minColor);
		int blue = minColor + random.nextInt(maxColor-minColor);
		return new Color(red,green,blue);
	}
}

登录验证的servlet

            //获取html输入的验证码
            String validationCode = req.getParameter("usercode");
			//获取服务器的验证码
			HttpSession session = req.getSession();
			String validation_code = (String)session.getAttribute("code");
            //验证验证码,不分大小写
            if(validationCode.equalsIgnoreCase(validation_code)){
					resp.getWriter().print("1000");
					//验证码正确
			}else{			
                    //验证码错误!!!	
					resp.getWriter().print("1001");
					return;
			}

 

  • 5
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
很抱歉,我无法演示具体的代码实现,但是我可以给出一个基本的网站架构和实现步骤: 1. 网站架构 - 首页:欢迎页面,可以显示一些简单的信息和功能链接。 - 注册页面:包括用户名、密码、电子邮件等基本信息的表单。 - 登录页面:包括用户名、密码和验证码的表单。 - 主页面:登录后显示的页面,包括用户信息、实时时间和问候语。 - 个人资料页面:用户可以在此页面更新和修改自己的个人资料。 - 退出页面:用户退出登录后显示的页面。 2. 实现步骤 - 创建数据库表:使用JDBC连接数据库,创建一个用户信息表,包括用户名、密码、电子邮件等字段。 - 注册功能:在注册页面提交表单后,将表单信息插入用户信息表中。 - 验证码技术:在登录页面生成验证码,并将验证码存储在session中,用户输入验证码后进行验证。 - 登录验证:用户输入用户名和密码后,使用JDBC连接数据库,查询用户信息表,如果用户名和密码匹配,则将登录状态存储在session中。 - 实时时间和问候语:在主页面使用JavaScript获取当前时间,并根据不同时间段显示不同的问候语。 - 访问权限控制:在主页面和个人资料页面,根据session中的登录状态判断用户是否有访问权限。 - 退出登录:在退出页面清除session中的登录状态,使用户退出登录。 以上是一个简单的网站实现步骤,具体实现还需要考虑网站安全、用户体验等方面的问题。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值