jsp+servlet验证码验证

骑猪看日落 2021-05-03 10:25 705阅读 0赞

一. servlet绘制生成验证码

index.jsp – 前台页面

  1. <body>
  2. <form action="<%=request.getContextPath() %>/servlet/LoginServlet" method="get">
  3. 验证码:<input type="text" name="VerifyCode" size=6 />
  4. <img onclick="reloadCode()" src="<%=request.getContextPath() %>/servlet/ImgServlet" id="img" /> <br>
  5. <input type="submit" name="submit" value="提交" />
  6. </form>
  7. <script> function reloadCode(){ document.getElementById("img").src="<%=request.getContextPath() %>/servlet/ImgServlet?"+Math.random();; } </script>
  8. </body>

ImgServlet.java – 绘制验证码图片

  1. package servlet;
  2. import java.awt.Color;
  3. import java.awt.Graphics;
  4. import java.awt.image.BufferedImage;
  5. import java.io.IOException;
  6. import java.io.PrintWriter;
  7. import java.util.Random;
  8. import javax.imageio.ImageIO;
  9. import javax.servlet.ServletException;
  10. import javax.servlet.http.HttpServlet;
  11. import javax.servlet.http.HttpServletRequest;
  12. import javax.servlet.http.HttpServletResponse;
  13. public class ImgServlet extends HttpServlet {
  14. public void doGet(HttpServletRequest request, HttpServletResponse response)
  15. throws ServletException, IOException {
  16. BufferedImage bfi = new BufferedImage(68, 22, BufferedImage.TYPE_INT_RGB); //图像缓冲区
  17. Graphics g = bfi.getGraphics();
  18. StringBuffer sb = new StringBuffer();
  19. /*画背景框*/
  20. Color color = new Color(200,215,250);
  21. g.setColor(color);
  22. g.fillRect(0, 0, 68,30);
  23. /*第一个数字*/
  24. Random r = new Random();
  25. int tmp1 = r.nextInt(20);
  26. g.setColor(new Color(r.nextInt(100),r.nextInt(100),r.nextInt(100))); //设置随机颜色
  27. g.drawString(tmp1+"",3, 18);
  28. /*加号*/
  29. g.setColor(new Color(r.nextInt(100),r.nextInt(100),r.nextInt(100))); //设置随机颜色
  30. g.drawString("+",18, 18);
  31. /*第二个数字*/
  32. int tmp2 = r.nextInt(20);
  33. g.setColor(new Color(r.nextInt(100),r.nextInt(100),r.nextInt(100))); //设置随机颜色
  34. g.drawString(tmp2+"",33, 18);
  35. /*等号*/
  36. g.setColor(new Color(r.nextInt(100),r.nextInt(100),r.nextInt(100))); //设置随机颜色
  37. g.drawString("=",48, 18);
  38. /*问号*/
  39. g.setColor(new Color(r.nextInt(100),r.nextInt(100),r.nextInt(100))); //设置随机颜色
  40. g.drawString("?",57, 18);
  41. /*保存到session*/
  42. int result = tmp1+tmp2;
  43. request.getSession().setAttribute("VerifyCode", result+"");
  44. /*写入response输出流*/
  45. ImageIO.write(bfi, "JPG", response.getOutputStream());
  46. }
  47. }

LoginServlet.java – 校验与处理

  1. package servlet;
  2. import java.io.IOException;
  3. import java.io.PrintWriter;
  4. import javax.servlet.ServletException;
  5. import javax.servlet.http.HttpServlet;
  6. import javax.servlet.http.HttpServletRequest;
  7. import javax.servlet.http.HttpServletResponse;
  8. public class LoginServlet extends HttpServlet {
  9. public void doGet(HttpServletRequest request, HttpServletResponse response)
  10. throws ServletException, IOException {
  11. response.setContentType("text/html;charset=utf-8");
  12. String re = request.getParameter("VerifyCode");
  13. String answer =(String)request.getSession().getAttribute("VerifyCode");
  14. PrintWriter out = response.getWriter();
  15. if(re.equals(answer)){
  16. out.printf("验证成功");
  17. }else{
  18. out.printf("验证失败");
  19. }
  20. out.flush();
  21. out.close();
  22. }
  23. }

二. 使用kaptcha验证码组件

1.. 添加kaptcha的jar包到项目lib库
2..配置web.xml

  1. <servlet>
  2. <servlet-name>Kaptcha</servlet-name>
  3. <servlet-class>com.google.code.kaptcha.servlet.KaptchaServlet</servlet-class>
  4. </servlet>
  5. <servlet-mapping>
  6. <servlet-name>Kaptcha</servlet-name>
  7. <url-pattern>/kaptcha.jpg</url-pattern>
  8. </servlet-mapping>

3.. 页面调用

  1. <body>
  2. <form action="<%=request.getContextPath() %>/servlet/LoginServlet" method="get">
  3. 验证码:<input type="text" name="VerifyCode" size=6 />
  4. <img onclick="reloadCode()" src="kaptcha.jpg" id="img" /> <br>
  5. <input type="submit" name="submit" value="提交" />
  6. </form>
  7. <script> function reloadCode(){ document.getElementById("img").src="kaptcha.jpg?"+Math.random();; } </script>
  8. </body>

4..验证用户输入是否正确

  1. /*获取session中的验证码*/
  2. String captcha = ((String) request.getSession().getAttribute(
  3. com.google.code.kaptcha.Constants.KAPTCHA_SESSION_KEY));

kaptcha详细配置:

在web.xml的该servlet中配置初始化参数

属性 param name param value
文本实现类 kaptcha.textproducer.impl com.google.code.kaptcha.text.impl.DefaultTextCreator
验证码值配置 kaptcha.textproducer.char.string abcde2345678gfynmnpwx(自定义)
验证码的长度 kaptcha.textproducer.char.length 数字
字体 kaptcha.textproducer.font.names 字体
字体颜色 kaptcha.textproducer.font.color r,g,b 或者 white,black,blue
验证码宽度 kaptcha.textproducer.img.width 数字
验证码高度 kaptcha.textproducer.img.height 数字
干扰实现类 kaptcha.noise.impl com.google.code.kaptcha.impl.DefaultNoise/NoNoise
干扰颜色 kaptcha.noise.color r,g,b 或者 white,black,blue
图片样式 kaptcha.obscurificator.impl 水纹com.google.code.kaptcha.impl.WaterRipple; 鱼眼com.google.code.kaptcha.impl.FishEyeGimpy; 阴影com.google.code.kaptcha.impl.ShadowGimpy
背景实现类 kaptcha.background.impl com.google.code.kaptcha.impl.DefaultBackground
背景渐变色(开始/结束) kaptcha.background.clear.from/to r,g,b 或者 white,black,blue
文字渲染器 kaptcha.word.impl com.google.code.kaptcha.text.impl.DefaultWordRenderer
session中存放验证码的key键 kaptcha.session.key KAPTCHA_SESSION_KEY

发表评论

表情:
评论列表 (有 0 条评论,705人围观)

还没有评论,来说两句吧...

相关阅读

    相关 验证

    验证码的验证是我们登陆网页时经常进行的操作,我也做了一个简单的验证码,包括颜色以及噪线等等 @RequestMapping(value = "/Frame/Verif

    相关 验证

    1、需求      在访问登录页面时,需要生产验证码。从而防止用户使用程序恶意登录。 2、代码实现      步骤1:修改登录页面,确定验证码图片显示的位置 !

    相关 验证---短信验证

    最近自学了短信的验证码实现。以下是自己用的一种方法实现的完整的过程。 短信验证登陆(前端+后台) 1、前端填写手机号以及点击触发,以电话号码为参数调用发送验证登录短信方法并