SpringMVC 验证码

来源：互联网发布：mac开机切换系统编辑：程序博客网时间：2024/05/26 14:11

实现效果：

jsp页面：

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head>    <title>登陆页面</title>    <meta name="viewport"          content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">    <script language="javascript" src="js/jquery-3.1.1.min.js"></script>        <script type="text/javascript">      $(document.body).ready(function () {    //首次获取验证码    $("#imgVerify").attr("src","/SpringMVC01/validateCode/getVerify.do?"+Math.random());      });//获取验证码function getVerify(obj,str){    obj.src = str+"/validateCode/getVerify.do?"+Math.random();}//验证码出错- 刷新验证码function getVerify2(str){ $("#imgVerify").attr("src",str+"/validateCode/getVerify.do?"+Math.random() );}//校验验证码function checkSum(str){    var inputStr = $(".check_input").val();    if(inputStr!=null && inputStr!=""){        inputStr = inputStr.toUpperCase();//将输入的字母全部转换成大写        $.ajax({            url : str+"/validateCode/checkVerify.do",            data: {inputStr:inputStr},            success : function(datas) {                if(datas == "T"){                    $("#form1").submit();//提交表单                }else{                    getVerify2(str); //出错时更换验证码                    $(".check_input").val("");                    $(".warn_text").text("验证码输入错误！");                    $(".login_form_warn").css("display","block");                }            }        });    }else{        getVerify2(str); //出错时更换验证码        $(".warn_text").text("请输入验证码");        $(".login_form_warn").css("display","block");    }}    </script>    </head><body><div class="login_form">                    <form action="${pageContext.request.contextPath }/validateCode/checkOk.do" method='post' id="form1">                            <input type="text" name="userName" id="userName" placeholder="请输入用户名">                            <input type="password" name="password" id="password" placeholder="请输入密码">                    </form>                    <input class="check_input" type="text"  placeholder="请输入验证码">                    <img id="imgVerify" src="" alt="点击更换验证码" width="112" height="36" onclick="getVerify(this,'${pageContext.request.contextPath}');"><!--首次获取验证码图片，也可在此将src设为访问路径/getVerify-->                    <div class="login_form_warn_lable"></div>                    <div class="login_form_warn">                          <div style="font-size: 10px;color: red;">  <span class="warn_text"></span> </div>                    </div>                    <div class="login_form_submit">                            <input class="btn_submit" onclick="checkSum('${pageContext.request.contextPath}');" type="submit" value="登录"/>                    </div>                </div></body></html>

controller:

package com.dw.controller;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;import org.springframework.web.bind.annotation.ResponseBody;@Controller@RequestMapping("/validateCode")public class YanZhengMaController { @RequestMapping("/getVerify")    public void getVerify(HttpServletRequest request, HttpServletResponse response){        response.setContentType("image/jpeg");//设置相应类型,告诉浏览器输出的内容为图片          response.setHeader("Pragma", "No-cache");//设置响应头信息，告诉浏览器不要缓存此内容          response.setHeader("Cache-Control", "no-cache");         response.setDateHeader("Expire", 0);         RandomValidateCode randomValidateCode = new RandomValidateCode();         try {             randomValidateCode.getRandcode(request, response);//输出验证码图片方法          } catch (Exception e) {             e.printStackTrace();         }     }     /**     * 登录页面校验验证码     */    @RequestMapping("/checkVerify")    @ResponseBody    public String checkVerify(String inputStr, HttpSession session){        //从session中获取随机数        String random = (String) session.getAttribute("RANDOMVALIDATECODEKEY");        if(random.equals(inputStr)){            return "T";//验证码正确        }else{            return "F";//验证码错误        }    }        /*     * 验证成功输出界面     */    @RequestMapping("/checkOk")    public String checkOk() {return "redirect:ok.jsp";}}

输出验证图片的工具类：

package com.dw.controller;import java.awt.Color;import java.awt.Font;import java.awt.Graphics;import java.awt.image.BufferedImage;import java.util.Random;import javax.imageio.ImageIO;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;import javax.servlet.http.HttpSession;/** * 验证码生成类 */public class RandomValidateCode {        public static final String RANDOMCODEKEY= "RANDOMVALIDATECODEKEY";//放到session中的key         //private String randString = "0123456789";//随机产生只有数字的字符串 private String    //private String randString = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";//随机产生只有字母的字符串    private String randString = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ";//随机产生数字与字母组合的字符串      private int width = 95;// 图片宽      private int height = 25;// 图片高      private int lineSize = 40;// 干扰线数量      private int stringNum = 4;// 随机产生字符数量          private Random random = new Random();      /*     * 获得字体     */     private Font getFont() {         return new Font("Fixedsys", Font.CENTER_BASELINE, 18);     }      /*     * 获得颜色     */     private Color getRandColor(int fc, int bc) {         if (fc > 255)             fc = 255;         if (bc > 255)             bc = 255;         int r = fc + random.nextInt(bc - fc - 16);         int g = fc + random.nextInt(bc - fc - 14);         int b = fc + random.nextInt(bc - fc - 18);         return new Color(r, g, b);     }      /**     * 生成随机图片     */     public void getRandcode(HttpServletRequest request,             HttpServletResponse response) {         HttpSession session = request.getSession();         // BufferedImage类是具有缓冲区的Image类,Image类是用于描述图像信息的类          BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_BGR);        Graphics g = image.getGraphics();// 产生Image对象的Graphics对象,该对象可以在图像上进行各种绘制操作          g.fillRect(0, 0, width, height);         g.setFont(new Font("Times New Roman", Font.ROMAN_BASELINE, 18));         g.setColor(getRandColor(110, 133));         // 绘制干扰线          for (int i = 0; i <= lineSize; i++) {             drowLine(g);         }         // 绘制随机字符          String randomString = "";         for (int i = 1; i <= stringNum; i++) {             randomString = drowString(g, randomString, i);         }         //将生成的随机字符串保存到session中，而jsp界面通过session.getAttribute("RANDOMCODEKEY")，          //获得生成的验证码，然后跟用户输入的进行比较          session.removeAttribute(RANDOMCODEKEY);        session.setAttribute(RANDOMCODEKEY, randomString);        g.dispose();         try {             // 将内存中的图片通过流动形式输出到客户端              ImageIO.write(image, "JPEG", response.getOutputStream());         } catch (Exception e) {             e.printStackTrace();         }      }      /*     * 绘制字符串     */     private String drowString(Graphics g, String randomString, int i) {         g.setFont(getFont());         g.setColor(new Color(random.nextInt(101), random.nextInt(111), random                 .nextInt(121)));         String rand = String.valueOf(getRandomString(random.nextInt(randString                 .length())));         randomString += rand;         g.translate(random.nextInt(3), random.nextInt(3));         g.drawString(rand, 13 * i, 16);         return randomString;     }      /*     * 绘制干扰线     */     private void drowLine(Graphics g) {         int x = random.nextInt(width);         int y = random.nextInt(height);         int xl = random.nextInt(13);         int yl = random.nextInt(15);         g.drawLine(x, y, x + xl, y + yl);     }      /*     * 获取随机的字符     */     public String getRandomString(int num) {         return String.valueOf(randString.charAt(num));     } }

MD5加密算法：

package com.dw.controller;public class EncryptionByMD5 {public static String getMD5(byte[] source) {String s = null;char hexDigits[] = { '0', '1', '2', '3', '4', '5', '6', '7', '8', '9','a', 'b', 'c', 'd', 'e', 'f' };// 用来将字节转换成16进制表示的字符try {java.security.MessageDigest md = java.security.MessageDigest.getInstance("MD5");md.update(source);byte tmp[] = md.digest();// MD5 的计算结果是一个 128 位的长整数，// 用字节表示就是 16 个字节char str[] = new char[16 * 2];// 每个字节用 16 进制表示的话，使用两个字符， 所以表示成 16// 进制需要 32 个字符int k = 0;// 表示转换结果中对应的字符位置for (int i = 0; i < 16; i++) {// 从第一个字节开始，对 MD5 的每一个字节// 转换成 16// 进制字符的转换byte byte0 = tmp[i];// 取第 i 个字节str[k++] = hexDigits[byte0 >>> 4 & 0xf];// 取字节中高 4 位的数字转换,// >>>// 为逻辑右移，将符号位一起右移str[k++] = hexDigits[byte0 & 0xf];// 取字节中低 4 位的数字转换}s = new String(str);// 换后的结果转换为字符串} catch (Exception e) {// TODO Auto-generated catch blocke.printStackTrace();}return s;}public static void main(String[] args){String test=EncryptionByMD5.getMD5("abc123".getBytes());//test = e99a18c428cb38d5f260853678922e03System.out.println(test);}}

阅读全文

1 0