登陆页面怎么实现验证码校验?????

蒲志斌

<html页面>
<tr>
      <td class="td_left">
         <label for="check">验证码</label>
      </td>
      <td class="td_right check">
         <input type="text" id="check" name="check" class="check">
         <img src="checkCodeServlet" height="32px" alt="" onclick="changeCheckCode(this)">
<script type="text/javascript">
   //图片点击事件
   function changeCheckCode(img) {
      img.src="checkCodeServlet?"+new Date().getTime();
                               }
</script>
      </td>
   </tr>//验证码拼接部分public class CheckCodeServlet extends HttpServlet {
   @Override
   public void doGet(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {
      
      //服务器通知浏览器不要缓存
      response.setHeader("pragma","no-cache");
      response.setHeader("cache-control","no-cache");
      response.setHeader("expires","0");
      
      //在内存中创建一个长80，宽30的图片，默认黑色背景
      //参数一：长
      //参数二：宽
      //参数三：颜色
      int width = 80;
      int height = 30;
      BufferedImage image = new BufferedImage(width,height,BufferedImage.TYPE_INT_RGB);
      
      //获取画笔
      Graphics g = image.getGraphics();
      //设置画笔颜色为灰色
      g.setColor(Color.GRAY);
      //填充图片
      g.fillRect(0,0, width,height);
      
      //产生4个随机验证码，12Ey
      String checkCode = getCheckCode();
      //将验证码放入HttpSession中
      request.getSession().setAttribute("code",checkCode);
      
      //设置画笔颜色为黄色
      g.setColor(Color.YELLOW);
      //设置字体的小大
      g.setFont(new Font("黑体",Font.BOLD,24));
      //向图片上写入验证码
      g.drawString(checkCode,15,25);
      
      //将内存中的图片输出到浏览器
      //参数一：图片对象
      //参数二：图片的格式，如PNG,JPG,GIF
      //参数三：图片输出到哪里去
      ImageIO.write(image,"PNG",response.getOutputStream());
   }
   /**
    * 产生4位随机字符串
    */
   private String getCheckCode() {
      String base = "0123456789ABCDEFGabcdefg";
      int size = base.length();
      Random r = new Random();
      StringBuffer sb = new StringBuffer();
      for(int i=1;i<=4;i++){
         //产生0到size-1的随机值
         int index = r.nextInt(size);
         //在base字符串中获取下标为index的字符
         char c = base.charAt(index);
         //将c放入到StringBuffer中去
         sb.append(c);
      }
      return sb.toString();
   }
   @Override
   public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
      this.doGet(request,response);
   }
}


怎么实现?

小渣渣

登录可见。

原理，用户获取验证码的时候，把验证码字符串存入session，用户提交验证码的时候，在和session里面的字符串对比。

QWERTYU

比较的时候，转化大小写

蒲志斌

QWERTYU 发表于 2019-3-19 09:41
比较的时候，转化大小写

感谢大佬

蒲志斌

小渣渣 发表于 2019-3-19 09:13
原理，用户获取验证码的时候，把验证码字符串存入session，用户提交验证码的时候，在和session里面的字符 ...

感谢大佬 小白的问题 问的比较low

小渣渣

蒲志斌 发表于 2019-3-20 13:15
感谢大佬 小白的问题 问的比较low

没事，都是从小白走过来的

蒲志斌

小渣渣 发表于 2019-3-19 09:13
原理，用户获取验证码的时候，把验证码字符串存入session，用户提交验证码的时候，在和session里面的字符 ...

哥  我们后面有个作业是做省市区三级联动 这个应该怎么弄    方法我加您微信

小渣渣

蒲志斌 发表于 2019-3-20 15:39
哥  我们后面有个作业是做省市区三级联动 这个应该怎么弄    方法我加您微信 ...

自己做吧。

html页面有3个select下拉框，用户选择下拉框的时候，触发change事件，带着参数id向接口请求数据，把返回的数据，动态添加到下一级的下拉框，大体思路就是这样。