最近需要做一个验证码信息,在网上找了些验证码组件,选择了SimpleCaptcha组件,java服务器端代码,简单方便使用。
对于此组件里的中文字的验证码,不是很合适,有时候会出现乱码情况,我认为如果想要加入中文字的验证,自己实现匹配就行了。
我这里只做抛砖引玉,贴出主要代码,源码包,SimpleCaptcha组件的源码和DOCS供参考使用(全包超过10mb,不让上传啊)。如果只是用数字和英文字母使用验证码,不用考虑自定义的验证码SimpleCaptchaFilter.java。后台代码很容易改成SpringMVC等使用,我就不多说啦,show me the code.
附件:Test.zip是我已实现的源码工程
docs.zip是组件文档
examples.zip是组件例子
Java.zip是组件源码
1.captcha.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>验证码</title> <script type="text/javascript" src="<%=basePath %>/js/jquery.js" ></script> </head> <body> <img id="code" style="cursor:pointer;" alt="看不清楚?点图标可以换一个" title="看不清楚?点图标可以换一个" /> <form action="<%=basePath %>/CheckCode" method="post"> <input id="answer" name="answer" /> <input id="submitBtn" type="button" value="提交" name="submit"/> </form> <script type="text/javascript"> $(function(){ var imgCode = $('#code'); $(imgCode).attr('src',"<%=basePath %>/simpleImg"); $(imgCode).click(function(){ $(this).attr('src',"<%=basePath %>/simpleImg"); }); $('#submitBtn').click(function(){ $.post('<%=basePath %>/CheckCode?answer='+$('#answer').val(),function(data){ if (data=='true'){ window.location.href="<%=basePath %>/captchaSuccess.jsp"; }else{ alert("验证码错误!"); return false; } }); }); }); </script> </body> </html>
2.captchaSuccess.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>验证码</title> </head> <body> 你成功了! </body> </html>
3.CheckCode.java
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 nl.captcha.Captcha; /** * Servlet implementation class CheckCode */ public class CheckCode extends HttpServlet { private static final long serialVersionUID = 1L; /** * @see HttpServlet#HttpServlet() */ public CheckCode() { super(); // TODO Auto-generated constructor stub } /** * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response) */ protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { this.doPost(request, response); } /** * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response) */ protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { Captcha captcha = (Captcha) request.getSession().getAttribute(Captcha.NAME); request.setCharacterEncoding("UTF-8"); String answer = request.getParameter("answer"); System.out.println(captcha.isCorrect(answer)); PrintWriter writer = response.getWriter(); writer.print(captcha.isCorrect(answer)); writer.flush(); writer.close(); } }
4.SimpleCaptchaFilter.java
import static nl.captcha.Captcha.NAME; import java.awt.Color; import java.awt.Font; import java.awt.image.BufferedImage; import java.io.FileInputStream; import java.io.IOException; import java.util.ArrayList; import java.util.List; import javax.imageio.ImageIO; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import nl.captcha.Captcha; import nl.captcha.Captcha.Builder; import nl.captcha.backgrounds.FlatColorBackgroundProducer; import nl.captcha.gimpy.BlockGimpyRenderer; import nl.captcha.servlet.CaptchaServletUtil; import nl.captcha.text.producer.ChineseTextProducer; import nl.captcha.text.producer.DefaultTextProducer; import nl.captcha.text.renderer.ColoredEdgesWordRenderer; import nl.captcha.text.renderer.WordRenderer; /** * @className:SimpleCaptchaFilter.java * @classDescription: 扩展默认的simpleCaptcha * @author:zz * @createTime:2015-3-30 */ public class SimpleCaptchaFilter extends HttpServlet{ private static final String PARAM_HEIGHT = "height"; //高度 默认为50 private static final String PARAM_WIDTH = "width";//宽度 默认为200 private static final String PAEAM_NOISE="noise";//干扰线条 默认是没有干扰线条 private static final String PAEAM_TEXT="text";//文本 protected int _width = 200; protected int _height = 50; protected boolean _noise=false; protected String _text=null; /** * 初始化过滤器.将配置文件的参数文件赋值 * @throws ServletException */ @Override public void init() throws ServletException { if (getInitParameter(PARAM_HEIGHT) != null) { _height = Integer.valueOf(getInitParameter(PARAM_HEIGHT)); } if (getInitParameter(PARAM_WIDTH) != null) { _width = Integer.valueOf(getInitParameter(PARAM_WIDTH)); } if (getInitParameter(PAEAM_NOISE) != null) { _noise = Boolean.valueOf(getInitParameter(PAEAM_NOISE)); } if (getInitParameter(PAEAM_NOISE) != null) { _text = String.valueOf(getInitParameter(PAEAM_TEXT)); } } /** * 因为获取图片只会有get方法 */ @Override public void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { Builder builder=new Captcha.Builder(_width, _height); //增加边框 builder.addBorder(); //干扰线 /*CurvedLineNoiseProducer nosi = new CurvedLineNoiseProducer(Color.green,5); builder.addNoise(nosi);*/ //是否增加干扰线条 if(_noise==true) builder.addNoise(); //----------------自定义字体大小----------- //自定义设置字体颜色和大小 最简单的效果 多种字体随机显示 List<Font> fontList = new ArrayList<Font>(); fontList.add(new Font("Arial", Font.ITALIC, 40));//可以设置斜体之类的 //fontList.add(new Font("Courier", Font.BOLD, 40)); /*List<Color> colorList = new ArrayList<Color>(); colorList.add(Color.green); colorList.add(Color.BLUE); DefaultWordRenderer dwr=new DefaultWordRenderer(colorList,fontList);*/ //加入多种颜色后会随机显示 字体空心 List<Color> colorList=new ArrayList<Color>(); colorList.add(Color.green); // colorList.add(Color.white); colorList.add(Color.blue); ColoredEdgesWordRenderer cwr= new ColoredEdgesWordRenderer(colorList,fontList); WordRenderer wr=cwr; //增加文本,默认为5个随机字符. if(_text==null){ builder.addText(); }else{ String[]ts=_text.split(","); for(int i=0;i<ts.length;i++){ String[] ts1=ts[i].split(":"); if("chinese".equals(ts1[0])){ builder.addText(new ChineseTextProducer(Integer.parseInt(ts1[1])),wr); }else if("number".equals(ts1[0])){ //这里没有0和1是为了避免歧义 和字母I和O char[] numberChar = new char[] { '2', '3', '4', '5', '6', '7', '8' }; builder.addText(new DefaultTextProducer(Integer.parseInt(ts1[1]),numberChar),wr); }else if("word".equals(ts1[0])){ //原理同上 char[] numberChar = new char[] {'a','A', 'b', 'B','c','C', 'd','D', 'e','E', 'f', 'F','g','G', 'h','H', 'k','K', 'm','M', 'n','N', 'p','P', 'r','R', 'w','W', 'x','X', 'y','Y' }; builder.addText(new DefaultTextProducer(Integer.parseInt(ts1[1]),numberChar),wr); }/*else{ builder.addText(new DefaultTextProducer(Integer.parseInt(ts1[1])),wr); }*/ } } //--------------添加背景------------- //设置背景渐进效果 以及颜色 form为开始颜色,to为结束颜色 //GradiatedBackgroundProducer gbp=new GradiatedBackgroundProducer(); //gbp.setFromColor(Color.yellow); // gbp.setToColor(Color.red); //无渐进效果,只是填充背景颜色 // FlatColorBackgroundProducer fbp=new FlatColorBackgroundProducer(Color.red); //加入网纹--一般不会用 // SquigglesBackgroundProducer sbp=new SquigglesBackgroundProducer(); // 没发现有什么用,可能就是默认的 // TransparentBackgroundProducer tbp = new TransparentBackgroundProducer(); //FlatColorBackgroundProducer fbp = new FlatColorBackgroundProducer(); //BufferedImage bufferedImage = ImageIO.read(new FileInputStream("E:\\eclipsespace2\\oms_portal\\WebContent\\images\\content\\table-info.png")); //fbp.addBackground(bufferedImage); //builder.addBackground(fbp); //---------装饰字体--------------- // 字体边框齿轮效果 默认是3 builder.gimp(new BlockGimpyRenderer(1)); //波纹渲染 相当于加粗 // builder.gimp(new RippleGimpyRenderer()); //修剪--一般不会用 // builder.gimp(new ShearGimpyRenderer(Color.red)); //加网--第一个参数是横线颜色,第二个参数是竖线颜色 // builder.gimp(new FishEyeGimpyRenderer(Color.red,Color.yellow)); //加入阴影效果 默认3,75 // builder.gimp(new DropShadowGimpyRenderer()); //创建对象 Captcha captcha = builder .build(); CaptchaServletUtil.writeImage(resp, captcha.getImage()); req.getSession().setAttribute(NAME, captcha); } }
5.web.xml
<?xml version="1.0" encoding="UTF-8"?> <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" id="WebApp_ID" version="2.5"> <display-name>Test</display-name> <!-- 默认简单的验证码处理 --> <servlet> <servlet-name>SimpleCaptcha</servlet-name> <servlet-class>nl.captcha.servlet.SimpleCaptchaServlet</servlet-class> <init-param> <param-name>width</param-name> <param-value>250</param-value> </init-param> <init-param> <param-name>height</param-name> <param-value>75</param-value> </init-param> </servlet> <servlet-mapping> <servlet-name>SimpleCaptcha</servlet-name> <url-pattern>/simpleImg</url-pattern> </servlet-mapping> <!-- 自定义验证码 --> <!-- <servlet> <servlet-name>SimpleCaptcha</servlet-name> <servlet-class>SimpleCaptchaFilter</servlet-class> <init-param> <param-name>width</param-name> <param-value>200</param-value> </init-param> <init-param> <param-name>height</param-name> <param-value>50</param-value> </init-param> 干扰线 <init-param> <param-name>noise</param-name> <param-value>true</param-value> </init-param> 意思是3个单词,3个数字 <init-param> <param-name>text</param-name> <param-value>word:3,number:3</param-value> </init-param> </servlet> <servlet-mapping> <servlet-name>SimpleCaptcha</servlet-name> <url-pattern>/simpleImg</url-pattern> </servlet-mapping> --> <!-- 验证码检验 --> <servlet> <description></description> <display-name>CheckCode</display-name> <servlet-name>CheckCode</servlet-name> <servlet-class>CheckCode</servlet-class> </servlet> <servlet-mapping> <servlet-name>CheckCode</servlet-name> <url-pattern>/CheckCode</url-pattern> </servlet-mapping> </web-app>
参考: