Spring学习—生成图片验证码

今天想学下一下验证码的生成，就之前搭建好的一个spring框架上写了一个demo,我会贴出细节代码，但是spring的配置就不在介绍了。需要完整代码可以联系我！
会从前台页面到后台实现完整的讲解：
1：前台的代码，image.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>获取图片验证码</title>
<script type="text/javascript" src="${pageContext.request.contextPath }/static/js/jquery-1.10.2.min.js"></script>
</head>
<body><form action="##" method='post'><input type="hidden" id="userId" name="userId" value=""> <div class="form-group"><div class="email controls"><input type="text" name='loginName' id="loginName" placeholder="用户名" value="" class='form-control'/></div></div><div class="form-group"><div class="pw controls"><input type="password" autocomplete="off" id="pwd" name="pwd" placeholder="密码" class='form-control'/></div></div><div class="form-group"><div class="email controls"><input id="validateCode" onblur="checkImg(this.value)" name="validateCode" type="text" class="form-control" placeholder="输入验证码"/>   </div><span class="y_yzimg"><img id="codeValidateImg"  onClick="javascript:flushValidateCode();"/></span><p class="y_change"><a href="javascript:flushValidateCode();"  >换一张</a></p></div><div class="form-group"><span class="text-danger"></span></div><div class="submit"><div class="remember"><input type="checkbox" name="remember" value="1" class='icheck-me' data-skin="square" data-color="blue" id="remember"><label for="remember">记住我</label></div><input type="button" value="登录" onclick="javascript:submitForm();" class='btn btn-primary'></div></form><script type="text/javascript">
$(document).ready(function() {flushValidateCode();//进入页面就刷新生成验证码});/* 刷新生成验证码 */
function flushValidateCode(){var validateImgObject = document.getElementById("codeValidateImg");
validateImgObject.src = "${pageContext.request.contextPath }/getSysManageLoginCode?time=" + new Date();
}
/*校验验证码输入是否正确*/
function checkImg(code){var url = "${pageContext.request.contextPath}/checkimagecode";$.get(url,{"validateCode":code},function(data){if(data=="ok"){alert("ok!")}else{alert("error!")flushValidateCode();}})
}</script></body>
</html>

2：后台代码ImageGenController.java

package com.dufyun.springmvc.web.controller;import javax.servlet.http.Cookie;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;import org.springframework.stereotype.Controller;
import org.springframework.util.StringUtils;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;import com.dufy.javaweb.test.RandomValidateCode;@Controller
public class ImageGenController {@RequestMapping(value="/toImg")public String toImg(){return "image/image";}//登录获取验证码@RequestMapping("/getSysManageLoginCode")@ResponseBodypublic String getSysManageLoginCode(HttpServletResponse response,HttpServletRequest request) {response.setContentType("image/jpeg");// 设置相应类型,告诉浏览器输出的内容为图片response.setHeader("Pragma", "No-cache");// 设置响应头信息，告诉浏览器不要缓存此内容response.setHeader("Cache-Control", "no-cache");response.setHeader("Set-Cookie", "name=value; HttpOnly");//设置HttpOnly属性,防止Xss攻击response.setDateHeader("Expire", 0);RandomValidateCode randomValidateCode = new RandomValidateCode();try {randomValidateCode.getRandcode(request, response,"imagecode");// 输出图片方法} catch (Exception e) {e.printStackTrace();}return "";}//验证码验证@RequestMapping(value = "/checkimagecode")@ResponseBodypublic String checkTcode(HttpServletRequest request,HttpServletResponse response) {String validateCode = request.getParameter("validateCode");String code = null;//1:获取cookie里面的验证码信息Cookie[] cookies = request.getCookies();for (Cookie cookie : cookies) {if ("imagecode".equals(cookie.getName())) {code = cookie.getValue();break;}}//1:获取session验证码的信息//String code1 = (String) request.getSession().getAttribute("");//2:判断验证码是否正确if(!StringUtils.isEmpty(validateCode) && validateCode.equals(code)){return "ok";    }return "error";//这里我没有进行字母大小模糊的验证处理，感兴趣的你可以去试一下！}}

3:生成验证码的工具类RandomValidateCode.java

package com.dufy.javaweb.test;import java.awt.Color;
import java.awt.Font;
import java.awt.Graphics;
import java.awt.image.BufferedImage;
import java.io.ByteArrayOutputStream;
import java.util.Random;import javax.imageio.ImageIO;
import javax.servlet.http.Cookie;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;public class RandomValidateCode {private Random random = new Random();private String randString = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ";// 随机产生的字符串private int width = 80;// 图片宽private int height = 26;// 图片高private int lineSize = 40;// 干扰线数量private int stringNum = 4;// 随机产生字符数量/** 获得字体*/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);}/** 绘制字符串*/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));}/*** 生成随机图片*/public void getRandcode(HttpServletRequest request,HttpServletResponse response,String key) {// 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);}//1：将随机生成的验证码放入Cookie中Cookie cookie = new Cookie(key,randomString);response.addCookie(cookie);//2：将随机生成的验证码放入session中String sessionid = request.getSession().getId();request.getSession().setAttribute(sessionid+key, randomString);System.out.println("*************" + randomString);//总结：这两种方式都不是很好，//（1）：使用cookie的方式，将验证码发送到前台浏览器，不安全！不建议使用。//（2）：使用session的方式，虽然能解决验证码不发送到浏览器，安全性较高了，但是如果用户量太大，这样的存储方式会对服务器造成压力，影响服务器的性能。不建议使用。//这里暂时实现用这种方式，好的办法是，在项目中使用的缓存，将生成的验证码存放到缓存中，设置失效时间，这样既可以实现安全性也能减轻服务器的压力。g.dispose();try {ByteArrayOutputStream tmp = new ByteArrayOutputStream();ImageIO.write(image, "png", tmp);tmp.close();Integer contentLength = tmp.size();response.setHeader("content-length", contentLength + "");response.getOutputStream().write(tmp.toByteArray());// 将内存中的图片通过流动形式输出到客户端} catch (Exception e) {e.printStackTrace();}finally{try {response.getOutputStream().flush();response.getOutputStream().close();} catch (Exception e2) {e2.printStackTrace();}}}}

4:总结
验证码在很多地方都会遇到，实现的方法和形式也有很多，主要的目的就是为了安全，防止一些恶意的攻击等。希望你可以从中学到一些东西，如果对里面的地方有不懂的地方，可以给我留言或者直接联系我！希望我们共同进步！

5：源码地址：
点击进入springmvc生成验证码源码地址

欢迎访问我的csdn博客，我们一同成长！

“不管做什么，只要坚持下去就会看到不一样！在路上，不卑不亢!”

博客首页：http://blog.csdn.net/u010648555

Spring学习—生成图片验证码相关推荐

php生成图片验证码代码,PHP生成图片验证码以及点击切换的代码
这篇文章主要介绍了PHP生成图片验证码实例,同时介绍了点击切换(看不清?换一张)效果实现方法,需要的朋友可以参考下这里来看下效果: 现在让我们来看下 PHP 代码<?php session_s ...
springmvc使用谷歌captcha生成图片验证码，并将验证码图片以二进制流的方式返回给前端（app和pc端都能调用）
近期对登录注册与获取短信验证码的接口做了安全限制,其中一部分就用到了谷歌的captcha验证码,比如当用户连续三次登陆失败,那么之后的登录请求就需要用户输入谷歌的图形验证码.由于web端和app端调用 ...
用java如何做图片验证码,运用java生成图片验证码
使用java生成图片验证码本程序来源以下网址:http://www.linux521.com/2009/java/200909/8475.html 仅供学习和参考 import java.awt.B ...
spring学习12 -Spring 框架模块以及面试常见问题注解等
以下为spring常见面试问题: 1.Spring 框架中都用到了哪些设计模式? Spring框架中使用到了大量的设计模式,下面列举了比较有代表性的: 代理模式-在AOP和remoting中被用的比较 ...
【Spring学习笔记-MVC-13.2】Spring MVC之多文件上传
作者:ssslinppp 1. 摘要前篇文章讲解了单文件上传<[Spring学习笔记-MVC-13]Spring MVC之文件上传>http://www.cnblogs.co ...
Spring学习笔记(三) AOP_annotation，AOP_XML
在学习课程以前,听说AOP有种很神秘的感觉,好像很好深的技术.其实原理很简单,使用动态代理的方式给程序增加逻辑.与此相似的有struts2中的filter拦截器. 再讲AOP之前先把需求说一下: 同S ...
送给 Java 程序员的 Spring 学习指南
https://www.infoq.cn/article/Ad-8ghcGGCNU572U6oEX 学习 Spring 的基础要求 Spring 官网首页是这么介绍自己的--"Spring: ...
Spring学习总结三
Spring框架JdbcTemplate与事务 Spring学习总结三 0.需要的jar包 1.JdbcTemplate模板 1.1.JdbcTemplateAPI的操作 1.1.1.User类 1. ...
Spring学习总结二
Spring框架的代理与AOP.AspectJ Spring学习总结二 0.在理解什么是AOP之前的一些话 1.什么是AOP 2.AOP的重要概念 3.代理模式 3.1.静态代理 3.2.动态代理 3 ...

Spring学习—生成图片验证码

Spring学习—生成图片验证码相关推荐

最新文章

热门文章