zoukankan      html  css  js  c++  java
  • spring mvc生成注册验证码

    通过Spring MVC为系统添加验证码

    1:布局登陆页面,用户名,密码,填写验证码的文本框,及验证码的图片及点击换图

    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
    <c:set var="ctx" value="${pageContext.request.contextPath}"/>
    
        <form id="loginform"  method="post">
                <table>
                    <tr>
                        <td>用户名:</td>
                        <td><input type="text" name="loginname"/></td>
                    </tr>
                    <tr>
                        <td>密&nbsp;&nbsp;码:</td>
                        <td><input  type="password" name="password"/></td>
                    </tr>
                    <tr> 
                        <td>验证码:</td>
                        <td><input  type="text" name="code"></td>
                        <td><img id="codeImg" alt="验证码" src="${ctx}/admin/code" onclick="changeImg()"/></td>          
                    </tr> 
                </table>
           </form>

    2:设置换一张图的js

      function changeImg() {
            var imgSrc = $("#codeImg");
            var src = imgSrc.attr("src");
            imgSrc.attr("src", chgUrl(src));
        }  

       //加入时间戳,去缓存机制 function chgUrl(url) { var timestamp = (new Date()).valueOf();if ((url.indexOf("&") >= 0)) { url = url + "&timestamp=" + timestamp; } else { url = url + "?timestamp=" + timestamp; } return url; }

    3:通过spring请求方式,生成验证码,并且通过流的方式返回至页面

    package com.gcs.controller;
    
    import java.awt.Color;
    import java.awt.Font;
    import java.awt.Graphics;
    import java.awt.image.BufferedImage;
    import java.io.IOException;
    import java.util.Random;
    
    import javax.imageio.ImageIO;
    import javax.servlet.ServletOutputStream;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    import javax.servlet.http.HttpSession;
    
    import org.springframework.stereotype.Controller;
    import org.springframework.web.bind.annotation.RequestMapping;
    
    @Controller
    @RequestMapping("/admin")
    public class CodeController {
        private int width = 90;// 定义图片的width
        private int height = 20;// 定义图片的height
        private int codeCount = 4;// 定义图片上显示验证码的个数
        private int xx = 15;
        private int fontHeight = 18;
        private int codeY = 16;
        char[] codeSequence = { 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X',
                'Y', 'Z', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9' };
    
        @RequestMapping("/code")
        public void getCode(HttpServletRequest req, HttpServletResponse resp) throws IOException {
            // 定义图像buffer
            BufferedImage buffImg = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);
            Graphics gd = buffImg.getGraphics();
            // 创建一个随机数生成器类
            Random random = new Random();
            // 将图像填充为白色
            gd.setColor(Color.WHITE);
            gd.fillRect(0, 0, width, height);
            // 创建字体,字体的大小应该根据图片的高度来定。
            Font font = new Font("Fixedsys", Font.BOLD, fontHeight);
            // 设置字体。
            gd.setFont(font);
            // 画边框。
            gd.setColor(Color.BLACK);
            gd.drawRect(0, 0, width - 1, height - 1);
            // 随机产生40条干扰线,使图象中的认证码不易被其它程序探测到。
            gd.setColor(Color.BLACK);
            for (int i = 0; i < 40; i++) {
                int x = random.nextInt(width);
                int y = random.nextInt(height);
                int xl = random.nextInt(12);
                int yl = random.nextInt(12);
                gd.drawLine(x, y, x + xl, y + yl);
            }
            // randomCode用于保存随机产生的验证码,以便用户登录后进行验证。
            StringBuffer randomCode = new StringBuffer();
            int red = 0, green = 0, blue = 0;
            // 随机产生codeCount数字的验证码。
            for (int i = 0; i < codeCount; i++) {
                // 得到随机产生的验证码数字。
                String code = String.valueOf(codeSequence[random.nextInt(codeSequence.length-1)]);
                // 产生随机的颜色分量来构造颜色值,这样输出的每位数字的颜色值都将不同。
                red = random.nextInt(255);
                green = random.nextInt(255);
                blue = random.nextInt(255);
                // 用随机产生的颜色将验证码绘制到图像中。
                gd.setColor(new Color(red, green, blue));
                gd.drawString(code, (i + 1) * xx, codeY);
                // 将产生的四个随机数组合在一起。
                randomCode.append(code);
            }
            // 将四位数字的验证码保存到Session中。
            HttpSession session = req.getSession();
            System.out.print(randomCode);
            session.setAttribute("code", randomCode.toString());
            // 禁止图像缓存。
            resp.setHeader("Pragma", "no-cache");
            resp.setHeader("Cache-Control", "no-cache");
            resp.setDateHeader("Expires", 0);
            resp.setContentType("image/jpeg");
            // 将图像输出到Servlet输出流中。
            ServletOutputStream sos = resp.getOutputStream();
            ImageIO.write(buffImg, "jpeg", sos);
            sos.close();
        }
    
    }

    4:在登陆时验证验证码是否正确

      String code=request.getParameter("code");
       if (!(code.equalsIgnoreCase(session.getAttribute("code").toString()))) {  //忽略验证码大小写  
                j.setMsg("验证码不正确!");
                return j;  
       }

    此为大略简写,若有问题,还请包涵

  • 相关阅读:
    JSP基础语法
    Tomcat服务器的安装及配置
    数据库连接失败出现4064错误
    错误页跳转
    Eclipse配置jstl标准标签库详解
    tomcat文件目录结构及功能介绍
    警告: [SetPropertiesRule]{Context/Loader} Setting property 'useSystemClassLoaderAsParent' to 'false' did not find a matching property.
    tomcat:A docBase * inside the host appBase has been specifi, and will be ignored
    Prim算法
    (值类型引用类型)和null的关系
  • 原文地址:https://www.cnblogs.com/sky-/p/4943861.html
Copyright © 2011-2022 走看看