SSM 实现登录验证码（附源码）

今天药忘吃喽~ 2021-09-15 13:28 894阅读 0赞

如果想用框架来实现验证码，可以看我的另外一篇博客：

Kaptcha 框架的使用很简单的。新手必备。

https://blog.csdn.net/weidong_y/article/details/81005658

一、效果图

70

二、实现代码

第一步：先建一个 RandomValidateCode.java 作为工具类。把下面的代码直接复制粘贴即可。

  1. package com.utils;
  3. import java.awt.Color;
  4. import java.awt.Font;
  5. import java.awt.Graphics;
  6. import java.awt.image.BufferedImage;
  7. import java.util.Random;
  9. import javax.imageio.ImageIO;
  10. import javax.servlet.http.HttpServletRequest;
  11. import javax.servlet.http.HttpServletResponse;
  12. import javax.servlet.http.HttpSession;
  14. public class RandomValidateCode {
  16.     public static final String RANDOMCODEKEY = "randomcode_key";//放到session中的key
  17.     private Random random = new Random();
  18.     private String randString = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ";//随机产生的字符串
  20.     private int width = 80;//图片宽
  21.     private int height = 26;//图片高
  22.     private int lineSize = 40;//干扰线数量
  23.     private int stringNum = 4;//随机产生字符数量
  25.     /**
  26.      * 生成随机图片
  27.      */
  28.     public void getRandcode(HttpServletRequest request,
  29.             HttpServletResponse response) {
  30.         HttpSession session = request.getSession();
  31.         //BufferedImage类是具有缓冲区的Image类,Image类是用于描述图像信息的类
  32.         BufferedImage image = new BufferedImage(width,height,BufferedImage.TYPE_INT_BGR);
  33.         //产生Image对象的Graphics对象,改对象可以在图像上进行各种绘制操作
  34.         Graphics g = image.getGraphics();
  35.         g.fillRect(0, 0, width, height);
  36.         g.setFont(new Font("Times New Roman",Font.ROMAN_BASELINE,18));
  37.         g.setColor(getRandColor(160, 200));
  38.         //绘制干扰线
  39.         for(int i=0;i<=lineSize;i++){
  40.             drowLine(g);
  41.         }
  42.         //绘制随机字符
  43.         String randomString = "";
  44.         for(int i=1;i<=stringNum;i++){
  45.             randomString=drowString(g,randomString,i);
  46.         }
  47.         session.removeAttribute(RANDOMCODEKEY);
  48.         session.setAttribute(RANDOMCODEKEY, randomString);
  49.         g.dispose();
  50.         try {
  51.             //将内存中的图片通过流动形式输出到客户端
  52.             ImageIO.write(image, "JPEG", response.getOutputStream());
  53.         } catch (Exception e) {
  54.             e.printStackTrace();
  55.         }
  56.     }
  57.     /*
  58.      * 获得字体
  59.      */
  60.     private Font getFont(){
  61.         return new Font("Fixedsys",Font.CENTER_BASELINE,18);
  62.     }
  63.     /*
  64.      * 获得颜色
  65.      */
  66.     private Color getRandColor(int fc,int bc){
  67.         if(fc > 255)
  68.             fc = 255;
  69.         if(bc > 255)
  70.             bc = 255;
  71.         int r = fc + random.nextInt(bc-fc-16);
  72.         int g = fc + random.nextInt(bc-fc-14);
  73.         int b = fc + random.nextInt(bc-fc-18);
  74.         return new Color(r,g,b);
  75.     }
  77.     /*
  78.      * 绘制字符串
  79.      */
  80.     private String drowString(Graphics g,String randomString,int i){
  81.         g.setFont(getFont());
  82.         g.setColor(new Color(random.nextInt(101),random.nextInt(111),random.nextInt(121)));
  83.         String rand = String.valueOf(getRandomString(random.nextInt(randString.length())));
  84.         randomString +=rand;
  85.         g.translate(random.nextInt(3), random.nextInt(3));
  86.         g.drawString(rand, 13*i, 16);
  87.         return randomString;
  88.     }
  89.     /*
  90.      * 绘制干扰线
  91.      */
  92.     private void drowLine(Graphics g){
  93.         int x = random.nextInt(width);
  94.         int y = random.nextInt(height);
  95.         int xl = random.nextInt(13);
  96.         int yl = random.nextInt(15);
  97.         g.drawLine(x, y, x+xl, y+yl);
  98.     }
  99.     /*
  100.      * 获取随机的字符
  101.      */
  102.     public String getRandomString(int num){
  103.         return String.valueOf(randString.charAt(num));
  104.     }
  105. }

第二步：在 Controller 类写前端 UI 的接口

  1. /**
  2.      * 获取生成验证码显示到 UI 界面
  3.      * @param request
  4.      * @param response
  5.      * @throws ServletException
  6.      * @throws IOException
  7.      */
  8.     @RequestMapping(value="/checkCode")
  9.     public void checkCode(HttpServletRequest request, HttpServletResponse response)
  10.             throws ServletException, IOException {
  11.         //设置相应类型,告诉浏览器输出的内容为图片
  12.         response.setContentType("image/jpeg");
  14.         //设置响应头信息，告诉浏览器不要缓存此内容
  15.         response.setHeader("pragma", "no-cache");
  16.         response.setHeader("Cache-Control", "no-cache");
  17.         response.setDateHeader("Expire", 0);
  19.         RandomValidateCode randomValidateCode = new RandomValidateCode();
  20.         try {
  21.             randomValidateCode.getRandcode(request, response);//输出图片方法
  22.         } catch (Exception e) {
  23.             e.printStackTrace();
  24.         }
  25.     }

第三步：jsp 页面获取验证码

  1. <img src="checkCode" alt="" width="100" height="32" class="passcode" style="height:43px;cursor:pointer;" onclick="this.src=this.src+'?'">

第四步：我的是在 SSM 环境下实现的，如果不是的话可以自己改写下。

发表评论

表情：
评论列表 （有 0 条评论，894人围观）

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

相关阅读

    相关 登录验证码

    验证码的作用是区分人与机器，防止机器刷数据； 验证码的验证分了两步，一步是请求获取验证码，一步是前台传的验证码与后台的验证码进行对比判断后进行后续操作； 在MyEclips

    我就是我我就是我/ 0 赞/ 421 阅读

    相关 登录验证码的实现

    前言： 验证码，是一种区分用户是计算机还是人的公共全自动程序。可以防止：恶意破解密码、刷票、论坛灌水，有效防止某个黑客对某一个特定注册用户用特定程序暴力破解方式进行不断的

    左手的ㄟ右手左手的ㄟ右手/ 0 赞/ 422 阅读