java语言实现登录验证码功能

雨点打透心脏的1/2处 2022-05-10 14:04 365阅读 0赞

先上效果。

70

生成验证码后端逻辑

  1. import java.awt.Color;
  2. import java.awt.Font;
  3. import java.awt.Graphics2D;
  4. import java.awt.image.BufferedImage;
  5. import java.io.IOException;
  6. import java.util.Random;
  8. import javax.imageio.ImageIO;
  9. import javax.servlet.ServletException;
  10. import javax.servlet.http.HttpServletRequest;
  11. import javax.servlet.http.HttpServletResponse;
  13. import org.springframework.stereotype.Controller;
  14. import org.springframework.web.bind.annotation.RequestMapping;
  15. import org.springframework.web.bind.annotation.RequestMethod;
  17. @Controller
  18. @RequestMapping("/verificationCode")
  19. public class VerifyCodeController {
  20.     private static final long serialVersionUID = 1L;
  21.      /**
  22.      * 这里用作存入session的名称
  23.      */
  24.     private static final String SESSION_KEY_OF_RAND_CODE = "randCode"; 
  26.     /**
  27.      * 
  28.      */
  29.     private static final int count = 200;
  31.     /**
  32.      * 定义图形大小(宽)
  33.      */
  34.     private static final int width = 105;
  35.     /**
  36.      * 定义图形大小(高)
  37.      */
  38.     private static final int height = 35;
  39.     /**
  40.      * 干扰线的长度=1.414*lineWidth
  41.      */
  42.     private static final int lineWidth = 1;
  44.     @RequestMapping(value= "/generate", method={ RequestMethod.POST,RequestMethod.GET })
  45.     public void VerificationCode( HttpServletRequest request,
  46.             HttpServletResponse response) throws ServletException,
  47.             IOException {
  48.             // 设置页面不缓存
  49.                 response.setHeader("Pragma", "No-cache");
  50.                 response.setHeader("Cache-Control", "no-cache");
  51.                 response.setDateHeader("Expires", 0);
  52.                 // response.setContentType("image/png");
  53.                 // 在内存中创建图象
  54.                 final BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);
  55.                 // 获取图形上下文
  56.                 final Graphics2D graphics = (Graphics2D) image.getGraphics();
  58.                 // 设定背景颜色
  59.                 graphics.setColor(Color.WHITE); // ---1.Color.WHITE为白色
  60.                 graphics.fillRect(0, 0, width, height);//填充衍射
  61.                 // 设定边框颜色
  62.                 //graphics.setColor(getRandColor(100, 200)); // ---2.这是以数字型来设置颜色，颜色模式是指使用三种基色：红、绿、蓝，通过三种颜色的调整得出其它各种颜色，这三种基色的值范围为0～255
  63.                 graphics.drawRect(0, 0, width - 1, height - 1);
  66.                 final Random random = new Random();
  67.                 // 随机产生干扰线，使图象中的认证码不易被其它程序探测到
  68.                 for (int i = 0; i < count; i++) {
  69.                     graphics.setColor(getRandColor(150, 200)); // ---3.
  71.                     final int x = random.nextInt(width - lineWidth - 1) + 1; // 保证画在边框之内
  72.                     final int y = random.nextInt(height - lineWidth - 1) + 1;
  73.                     final int xl = random.nextInt(lineWidth);
  74.                     final int yl = random.nextInt(lineWidth);
  75.                     graphics.drawLine(x, y, x + xl, y + yl);
  76.                 }
  77.                 // 取随机产生的认证码(4位数字)
  78.                 final String resultCode = exctractRandCode();
  79.                 for (int i = 0; i < resultCode.length(); i++) {
  80.                     int num=(int)(Math.random()*4+1);
  81.                     switch (num) {
  82.                     case 1:
  83.                         graphics.setColor(Color.green);
  84.                         break;
  85.                     case 2:
  86.                         graphics.setColor(Color.black);
  87.                         break;
  88.                     case 3:
  89.                         graphics.setColor(Color.blue);
  90.                         break;
  91.                     case 4:
  92.                         graphics.setColor(Color.red);
  93.                         break;
  94.                     default:
  95.                         graphics.setColor(Color.green);
  96.                         break;
  97.                     }
  100.                     graphics.setFont(new Font("Times New Roman", Font.BOLD, 24));
  101.                     // 设置字符，字符间距，上边距
  102.                     //System.out.print(resultCode.charAt(i));
  103.                     graphics.drawString(String.valueOf(resultCode.charAt(i)), (23 * i) + 8, 26);
  104.                 }
  105.                // System.out.println("直接输出："+resultCode);
  106.                 // 将认证码存入SESSION
  107.                 request.getSession().setAttribute(SESSION_KEY_OF_RAND_CODE, resultCode);
  108.                 // 图象生效
  109.                 graphics.dispose();
  111.                 // 输出图象到页面
  112.                 ImageIO.write(image, "JPEG", response.getOutputStream());           
  113.     }
  116.     /**
  117.      * @return 随机码
  118.      */
  119.     private String exctractRandCode() {
  121.         int randCodeLength = 4;
  123.         return RandCodeImageEnum.ALL_CHAR.generateStr(randCodeLength);
  125.     }
  130.     /**
  131.      * 描述：根据给定的数字生成不同的颜色
  132.      * @param 这是以数字型来设置颜色，颜色模式是指使用三种基色：红、绿、蓝，通过三种颜色的调整得出其它各种颜色，这三种基色的值范围为0～255
  133.      * @param 这是以数字型来设置颜色，颜色模式是指使用三种基色：红、绿、蓝，通过三种颜色的调整得出其它各种颜色，这三种基色的值范围为0～255
  134.      * @return 描述：返回颜色
  135.      */
  136.     private Color getRandColor(int fc, int bc) { // 取得给定范围随机颜色
  137.         final Random random = new Random();
  138.         if (fc > 255) {
  139.             fc = 255;
  140.         }
  141.         if (bc > 255) {
  142.             bc = 255;
  143.         }
  145.         final int r = fc + random.nextInt(bc - fc);
  146.         final int g = fc + random.nextInt(bc - fc);
  147.         final int b = fc + random.nextInt(bc - fc);
  149.         return new Color(r, g, b);
  150.     }
  154.     /**
  155.      * 验证码辅助类
  156.      */
  157.     enum RandCodeImageEnum {
  158.         /**
  159.          * 混合字符串
  160.          */
  161.         ALL_CHAR("0123456789abcdefghijkmnpqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"), // 去除小写的l和o这个两个不容易区分的字符；
  162.         /**
  163.          * 字符
  164.          */
  165.         LETTER_CHAR("abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"),
  166.         /**
  167.          * 小写字母
  168.          */
  169.         LOWER_CHAR("abcdefghijklmnopqrstuvwxyz"),
  170.         /**
  171.          * 数字
  172.          */
  173.         NUMBER_CHAR("0123456789"),
  174.         /**
  175.          * 大写字符
  176.          */
  177.         UPPER_CHAR("ABCDEFGHIJKLMNOPQRSTUVWXYZ");
  178.         /**
  179.          * 待生成的字符串
  180.          */
  181.         private String charStr;
  183.         /**
  184.          * @param charStr
  185.          */
  186.         private RandCodeImageEnum(final String charStr) {
  187.             this.charStr = charStr;
  188.         }
  190.         /**
  191.          * 生产随机验证码
  192.          * 
  193.          * @param codeLength
  194.          *            验证码的长度
  195.          * @return 验证码
  196.          */
  197.         public String generateStr(final int codeLength) {
  198.             final StringBuffer sb = new StringBuffer();
  199.             final Random random = new Random();
  200.             final String sourseStr = getCharStr();
  202.             for (int i = 0; i < codeLength; i++) {
  203.                 sb.append(sourseStr.charAt(random.nextInt(sourseStr.length())));
  204.             }
  206.             return sb.toString();
  207.         }
  209.         /**
  210.          * @return the {@link #charStr}
  211.          */
  212.         public String getCharStr() {
  213.             return charStr;
  214.         }
  216.     }
  217. }

前端代码：

  1. function login(){
  2.             //window.location.href = "index.jsp";
  3.             var code= $("#verifyCode").val();
  4.             var name = $("#username").val();
  5.             var pas = $("#pas").val();
  6.             if(name==""||pas==""){
  7.                 alert("用户名或密码不能为空!");
  8.                 return ;
  9.             }
  10.             if(code==""){
  11.                 alert("验证码不能为空!");
  12.                 return ;
  13.             } 
  14.             $.ajax({
  15.                 type:'post',
  16.                 url:'../rest/auth/login',
  17.                 data:{"name":name,"pas":pas,"code":code},
  18.                 success:function(data){//返回json结果
  19.                     if(data==1){//登录成功
  20.                         window.location.href = "index2.jsp";
  21.                     }
  22.                     var rad = Math.floor(Math.random() * Math.pow(10, 8));
  23.                     var path="<%=basePath%>";
  24.                     if(data==0){
  25.                         alert("验证码错误!");
  26.                         $("#randCodeImage").attr("src", path+"xtts/bpm/rest/verificationCode/generate?uuuy="+rad);
  27.                         $("#VerificationCode").val("").focus(); // 清空并获得焦点
  28.                     }
  30.                     if(data==-1){
  31.                         alert("账号或密码错误!");
  32.                         $("#randCodeImage").attr("src", path+"xtts/bpm/rest/verificationCode/generate?uuuy="+rad);
  33.                         $("#username").focus(); // 清空并获得焦点
  34.                     }
  35.                 }
  37.             });
  39.         }
  41.         /*更换验证码*/
  42.         function changeCode(){
  43.             var rad = Math.floor(Math.random() * Math.pow(10, 8));
  44.             var path="<%=basePath%>";
  45.             //uuuy是随便写的一个参数名称，后端不会做处理，作用是避免浏览器读取缓存的链接
  46.             $("#randCodeImage").attr("src", path+"xtts/bpm/rest/verificationCode/generate?uuuy="+rad);
  47.             }

登录操作controller层代码。登录前先判断验证码是否输入错误。

  1. HttpSession session = request.getSession();
  2.         String sessionCode=session.getAttribute("randCode")==null?"":session.getAttribute("randCode").toString();
  4.         if(!sessionCode.equalsIgnoreCase(code)){//验证码错误
  5.             return 0;
  6.         }

end~

发表评论

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

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

相关阅读

    相关 【java】Java验证码功能实现

    一、前言       验证码可以说在我们生活中已经非常普遍了，任何一个网站，任何一个App都会有这个功能，但是为啥要有这个呢？如何做才能做出来呢？下面小编会带领大家一起用

    桃扇骨桃扇骨/ 0 赞/ 432 阅读