登录加入验证码功能

刚才网吧没机子，我把一个小学生机子下了 ，我强行上机了。、他说要把我头按在键盘上，逗逼，哈哈哈哈哈，就凭 shsjxhjsnwndkkclswkwjksjhskxkckxkskwnnncmcbsb 以下代码，均可以粘贴复制到任何项目中使用。 登录+验证码。 验证码生成是单独的一个servlet，通过web.xml进行拦截。 先贴web.xml配置代码，很简单。

刚才网吧没机子，我把一个小学生机子下了 ，我强行上机了。、他说要把我头按在键盘上，逗逼，哈哈哈哈哈，就凭
shsjxhjsnwndkkclswkwjksjhskxkckxkskwnnncmcbsb

以下代码，均可以粘贴复制到任何项目中使用。

登录+验证码。

验证码生成是单独的一个servlet，通过web.xml进行拦截。

先贴web.xml配置代码，很简单。

 servlet 

 servlet-name /CheckCode /servlet-name 

 servlet-class com.wswhr.LoginServer.servlet.CheckCode /servlet-class 

 /servlet 

 servlet-mapping 

 servlet-name /CheckCode /servlet-name 

 url-pattern /CheckCode /url-pattern 

 /servlet-mapping 

然后，是这个checkCode的代码。

package com.wswhr.LoginServer.servlet;

import java.awt.Color;

import java.awt.Font;

import java.awt.Graphics;

import java.awt.image.BufferedImage;

import java.io.ByteArrayOutputStream;

import java.io.IOException;

import javax.imageio.ImageIO;

import javax.servlet.ServletException;

import javax.servlet.ServletOutputStream;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import javax.servlet.http.HttpSession;

//import cn.com.daxtech.framework.security.UidPwdAuthenticationFilter;

@SuppressWarnings("serial")

public class CheckCode extends HttpServlet

 private static int WIDTH = 60;

 private static int HEIGHT = 20;

 public void doGet(HttpServletRequest request, HttpServletResponse response)

 throws ServletException, IOException {

 HttpSession session = request.getSession();

 response.setContentType("image/jpeg");

 ServletOutputStream sos = response.getOutputStream();

 // 设置浏览器不要缓存此图片 

 response.setHeader("Pragma", "No-cache");

 response.setHeader("Cache-Control", "no-cache");

 response.setDateHeader("Expires", 0);

 // 创建内存图象并获得其图形上下文 

 BufferedImage image = new BufferedImage(WIDTH, HEIGHT,

 BufferedImage.TYPE_INT_RGB);

 Graphics g = image.getGraphics();

 // 产生随机的认证码 

 char[] rands = generateCheckCode();

 // 产生图像 

 drawBackground(g);

 drawRands(g, rands);

 // 结束图像 的绘制 过程， 完成图像 

 g.dispose();

 // 将图像输出到客户端 

 ByteArrayOutputStream bos = new ByteArrayOutputStream();

 ImageIO.write(image, "JPEG", bos);

 byte[] buf = bos.toByteArray();

 response.setContentLength(buf.length);

 // 下面的语句也可写成： bos.writeTo(sos); 

 sos.write(buf);

 bos.close();

 sos.close();

 // 将当前验证码存入到 Session 中 

 session.setAttribute("validateCode", new String(rands));

 //session.setAttribute(UidPwdAuthenticationFilter.VALIDATE_CODE, new String(rands));

 // 直接使用下面的代码将有问题， Session 对象必须在提交响应前获得 

 //request.getSession().setAttribute("check_code",new String(rands)); 

 private char[] generateCheckCode() {

 // 定义验证码的字符表 

 String chars = "2345678abcdefghjkmnprstuwxz";

 char[] rands = new char[4];

 for (int i = 0; i i++) {

 int rand = (int) (Math.random() * chars.length());

 rands[i] = chars.charAt(rand);

 return rands;

 private void drawRands(Graphics g, char[] rands) {

 g.setColor(Color.BLACK);

 g.setFont(new Font(null, Font.ITALIC | Font.BOLD, 18));

 // 在不同的高度上输出验证码的每个字符 

 g.drawString("" + rands[0], 1, 17);

 g.drawString("" + rands[1], 16, 15);

 g.drawString("" + rands[2], 31, 18);

 g.drawString("" + rands[3], 46, 16);

 // System.out.println(rands); 

 private void drawBackground(Graphics g) {

 // 画背景 

 g.setColor(new Color(0xDCDCDC));

 g.fillRect(0, 0, WIDTH, HEIGHT);

 // 随机产生 120 个干扰点 

 for (int i = 0; i 120; i++) {

 int x = (int) (Math.random() * WIDTH);

 int y = (int) (Math.random() * HEIGHT);

 int red = (int) (Math.random() * 255);

 int green = (int) (Math.random() * 255);

 int blue = (int) (Math.random() * 255);

 g.setColor(new Color(red, green, blue));

 g.drawOval(x, y, 1, 0);

最后，是使用验证码的jsp代码，以及JS代码

 label 

 span 

 span 

 input id="validateCode" name="validateCode" type="text" maxlength="15" placeholder="验证码" / 

 i /i 

 /span 

 span 

 img src="${ctx}/CheckCode" id="yzmPic" title="点击刷新验证码"/ 

 a href="#" data-action="reload" 

 i /i 

 /span 

 /span 

 /label 

js代码如下：

function reloadCheckCode(){

 document.getElementById("yzmPic").src = $("#ctx").val()+"/CheckCode?r=" + new Date().getTime();

最后的  r=  new Date().getTime();    相当于，生成一个随机数，避免缓存， 否则，在servlet中，会一直生成同一个验证码(并不是没有生成，而是一直生成同一个。)

 input type="hidden" id="ctx" value="${pageContext.request.contextPath}"/ 

同一页面生成多个验证码 一个页面需要两个验证码，使用同一个验证码调用两次会导致有前一个失效。那么我们需要创建不同的两个验证码，分别做验证。
学会这个工具的使用，让你快速生成验证码 验证码是我们做人机验证最常用的方式，常用于敏感操作的验证，比如：登录、注册、修改等。 验证码的原理：不同的客户端拥有不同的 session 对象，在看到验证码图片的时刻，服务器后端代码生成图片并将随机字符存储到 session 中。