码迷,mamicode.com
首页 > 其他好文 > 详细

验证码的制作(一):使用servlet来实现验证码

时间:2015-03-19 10:18:59      阅读:2245      评论:0      收藏:0      [点我收藏+]

标签:servlet   验证码   

使用servlet来实现验证码

下面让我们来说一下为什么在项目开发中要用到验证码,以及使用验证码会给我们的项目带来什么好处?
1、如果开发中不使用验证码会给项目带来那些危害:
①、如果对用户不断登录的话,可以破解用户密码
②、对对某个网站创建账户
③、对某个网站提交垃圾数据
④、对某个网站刷票等一系列危害
2、在网上的可以看到其实验证码是通过动态获取图片以及图片中的内容不断变化的过程,下面让我们来说一下生成验证码用到了那些类,如下图:
1、BufferedImage图像数据缓冲区
2、Graphics绘制图片
3、Color获取颜色
4、Random获取随机数
5、ImageIO输出图片
知道了生成验证码用的实现类,下面我们来定义自己的一个servlet类来实现验证码,具体步骤如下:
技术分享
1、首先创建一个页面:index.jsp
<%@ page language="java" import="java.util.*" pageEncoding="gbk"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'index.jsp' starting page</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	<script type="text/javascript">
	function reloadCode(){
	var time=new Date().getTime();
	document.getElementById("imagecode").src="<%=path %>/servlet/ImageServlet?d="+time;
	}
	</script>
  </head>
  
  <body>
    验证码:<input type="text" name="checkcode" />
    <img alt="验证码" id="imagecode" src="<%=path %>/servlet/ImageServlet" />
    <a href="javascript:reloadCode();">看不清楚</a><br/>
  </body>
</html>

2、下面来创建它的servlet:ImageServlet.java
package com.code;

import java.awt.Color;
import java.awt.Graphics;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.io.PrintWriter;
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 ImageServlet extends HttpServlet {

	public void doGet(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		BufferedImage bImage=new BufferedImage(68, 22, BufferedImage.TYPE_INT_RGB);
		//画图
		Graphics graphics=bImage.getGraphics();
		Color color=new Color(220,150,130);
		graphics.setColor(color);
		//给图片画个框
		graphics.fillRect(0, 0, 78, 27);
		
		/**
		 * 在图片中显示的内容
		 * 字母和数字的组合
		 */
		char[] ch="ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789".toCharArray();
		//随机获取里面的内容
		Random random=new  Random();
		int len=ch.length,index;
		StringBuffer sb=new StringBuffer();
		for(int i=0;i<4;i++){
			index=random.nextInt(len);
			graphics.setColor(new Color(random.nextInt(88),random.nextInt(188),random.nextInt(255)));
			graphics.drawString(ch[index]+"",(i*15)+3, 18);
			sb.append(ch[index]);
		}
		//将验证码保存到session为以后比较使用
		request.getSession().setAttribute("piccode", sb.toString());
		ImageIO.write(bImage, "JPG", response.getOutputStream());
		}


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

	

}
ImageServlet类写完之后,需要在web.xml里面配置该servlet

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5" 
	xmlns="http://java.sun.com/xml/ns/javaee" 
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
	xsi:schemaLocation="http://java.sun.com/xml/ns/javaee 
	http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
  <servlet>
    <servlet-name>ImageServlet</servlet-name>
    <servlet-class>com.code.ImageServlet</servlet-class>
  </servlet>

  <servlet-mapping>
    <servlet-name>ImageServlet</servlet-name>
    <url-pattern>/servlet/ImageServlet</url-pattern>
  </servlet-mapping>
  <welcome-file-list>
    <welcome-file>index.jsp</welcome-file>
  </welcome-file-list>
</web-app>

根据上面的步骤完成之后,将该web项目部署到tomcat上运行就可以了,运行结果如下图:
技术分享
至此一个简单的运用servlet来实现验证码的案例就算完成了,是不是很简单呢!以后还会更新更方便、更简洁、功能更全的方法来实现验证码。


验证码的制作(一):使用servlet来实现验证码

标签:servlet   验证码   

原文地址:http://blog.csdn.net/smilelifesky/article/details/44450237

(1)
(3)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!