Servlet 实现验证码

avatar 2017年07月23日11:03:57 0 2334 views
博主分享免费Java教学视频，B站账号：Java刘哥 ，长期提供技术问题解决、项目定制：本站商品点此

分析


生成图片实现类

ImageServlet 类

① 定义BufferedImage 对象

② 获得 Graphics 对象

③ 通过 Random 产生随机验证码信息

④ 使用 Graphics 绘制图片

⑤ 记录验证码信息到 session 中

⑥ 使用 ImageIO 输出图片

代码实现


1、新建 web 项目 CheckCode，在 WebContent 下新建 index.jsp

index.jsp
  1. <%@ page language="java" contentType="text/html; charset=UTF-8"
  2.     pageEncoding="UTF-8"%>
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  4. <html>
  5. <head>
  6. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  7. <title>Insert title here</title>
  8. <script type="text/javascript">
  9.     function reloadCode() {
  10.         //传个时间参数，防止缓存
  11.         var time = new Date().getTime();
  12.         document.getElementById("imageCode").src="<%=request.getContextPath()%>/ImageServlet?d="+time;
  13.     }
  14. </script>
  15. </head>
  16. <body>
  17. <form action="<%=request.getContextPath()%>/LoginServlet" method="post">
  18.     验证码：<input type="text" name="checkcode" />
  19.     <img id="imageCode" src="<%=request.getContextPath()%>/ImageServlet" alt="验证码" />
  20.     <a href="javascript:reloadCode();">看不清楚</a> <br />
  21.     <input type="submit"  value="提交"/>
  22.     </form>
  23. </body>
  24. </html>

2、在 src 下新建 com.liuyanzhao 包，然后分别新建用于动态画图的 ImageServlet 类和用于判断验证码是否正确的 LoginServlet 类

ImageServlet.java
  1. package com.liuyanzhao;
  3. import java.awt.Color;
  4. import java.awt.Graphics;
  5. import java.awt.image.BufferedImage;
  6. import java.io.IOException;
  7. import java.util.Random;
  9. import javax.imageio.ImageIO;
  10. import javax.servlet.ServletException;
  11. import javax.servlet.http.HttpServlet;
  12. import javax.servlet.http.HttpServletRequest;
  13. import javax.servlet.http.HttpServletResponse;
  16. /*
  17.  * @author LiuYanzhao
  18.  */
  19. public class ImageServlet extends HttpServlet {
  20.     @Override
  21.     protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  22.         BufferedImage bi = new BufferedImage(68, 22, BufferedImage.TYPE_INT_RGB);
  23.         Graphics g = bi.getGraphics();
  24.         Color c = new Color(200,155,255);
  25.         g.setColor(c);
  26.         g.fillRect(0, 0, 68, 22);
  28.         char[] ch = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789".toCharArray();
  29.         Random r = new Random();
  30.         int len = ch.length,index;
  31.         StringBuffer sb = new StringBuffer();
  32.         for(int i=0;i<4;i++) {
  33.             index = r.nextInt(len);
  34.             g.setColor(new Color(r.nextInt(88),r.nextInt(188),r.nextInt(255)));
  35.             g.drawString(ch[index]+"", (i*15)+3, 18);
  36.             sb.append(ch[index]);
  37.         }
  38.         request.getSession().setAttribute("piccode", sb.toString());
  39.         ImageIO.write(bi, "JPG", response.getOutputStream());
  40.     }
  41.     @Override
  42.     protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  43.         doGet(request, response);
  44.     }
  45. }

LoginServlet.java
  1. package com.liuyanzhao;
  3. import java.io.IOException;
  4. import java.io.PrintWriter;
  6. import javax.servlet.ServletException;
  7. import javax.servlet.http.HttpServlet;
  8. import javax.servlet.http.HttpServletRequest;
  9. import javax.servlet.http.HttpServletResponse;
  11. /*
  12.  * @author LiuYanzhao
  13.  */
  14. public class LoginServlet extends HttpServlet{
  15.     @Override
  16.     protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  17.         String piccode = (String)request.getSession().getAttribute("piccode");
  18.         String checkcode = request.getParameter("checkcode");
  19.         checkcode = checkcode.toUpperCase();//不区分大小写
  20.         response.setContentType("text/html;charset=utf-8");
  21.         PrintWriter out = response.getWriter();
  22.         if(piccode.equals(checkcode)) {
  23.             out.println("验证码输入正确");
  24.         } else {
  25.             out.println("验证码输入错误");
  26.         }
  27.         out.flush();
  28.         out.close();
  29.     }
  30.     @Override
  31.     protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  32.         doPost(request, response);
  33.     }
  34. }

3、在 web.xml 里添加 Servlet 映射
  1. <servlet>
  2.      <servlet-name>ImageServlet</servlet-name>
  3.      <servlet-class>com.liuyanzhao.ImageServlet</servlet-class>
  4.  </servlet>
  5.  <servlet-mapping>
  6.      <!-- 映射为 ImageServlet -->
  7.      <servlet-name>ImageServlet</servlet-name>
  8.      <url-pattern>/ImageServlet</url-pattern>
  9.  </servlet-mapping>
  11.  <servlet>
  12.      <servlet-name>LoginServlet</servlet-name>
  13.      <servlet-class>com.liuyanzhao.LoginServlet</servlet-class>
  14.  </servlet>
  15.  <servlet-mapping>
  16.      <!-- 映射为 IndexServlet -->
  17.      <servlet-name>LoginServlet</servlet-name>
  18.      <url-pattern>/LoginServlet</url-pattern>
  19.  </servlet-mapping>

4、运行 Tomcat 服务器，打开浏览器，访问 http://localhost:8080/CheckCode

效果如下



验证码不区分大小写，点击 “看不清楚”可以更换



本文链接：https://liuyanzhao.com/5344.html
历史上的今天
七月
23日
  • 微信
  • 交流学习，资料分享
  • weinxin
  • 个人淘宝
  • 店铺名：言曌博客咨询部

  • (部分商品未及时上架淘宝)
avatar

发表评论

avatar 登录者：匿名
匿名评论，评论回复后会有邮件通知

  

已通过评论：0   待审核评论数：0