项目原来使用的验证码不够清晰,参考了上面文章之后,将验证码改为字符串验证。
先看一下修改前后的效果。
修改前:
修改后:
下面是修改后的代码
POM(未写出和验证码无关的内容)
<properties>
<kaptcha.version>2.3.2</kaptcha.version>
</properties>
<dependency>
<groupId>com.github.penggle</groupId>
<artifactId>kaptcha</artifactId>
<version>${kaptcha.version}</version>
<exclusions>
<exclusion>
<artifactId>javax.servlet-api</artifactId>
<groupId>javax.servlet</groupId>
</exclusion>
</exclusions>
</dependency>
前端页面部分:
<div class="row" th:if="${captchaEnabled==true}">
<div class="col-xs-6">
<input type="text" name="validateCode" class="form-control code" placeholder="验证码" maxlength="5" autocomplete="off" style="margin-bottom: 5px;"/>
</div>
<div class="col-xs-6">
<a href="javascript:void(0);" title="点击更换验证码">
<img th:src="@{captcha/captchaImage(type=${captchaType})}" class="imgcode" width="85%"/>
</a>
</div>
</div>
Controller(代码中注释掉的部分为原来的验证码逻辑,可以无视)
package com.smart.project.system.user.controller;
import java.io.IOException;
import javax.annotation.Resource;
import javax.servlet.ServletOutputStream;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.servlet.ModelAndView;
import com.google.code.kaptcha.Producer;
import com.smart.framework.web.controller.BaseController;
import com.smart.project.system.user.utils.RandomValidateCodeUtils;
/**
* 图片验证码(支持算术形式)
*
* @author bcsmart
*/
@Controller
@RequestMapping("/captcha")
public class CaptchaController extends BaseController {
/**
* 验证码生成
*/
@GetMapping(value = "/captchaImage")
public ModelAndView getKaptchaImage(HttpServletRequest request, HttpServletResponse response) {
ServletOutputStream out = null;
try {
// 设置响应头信息,告诉浏览器不要缓存此内容
response.setDateHeader("Expires", 0);
response.setHeader("Cache-Control", "no-store, no-cache, must-revalidate");
response.addHeader("Cache-Control", "post-check=0, pre-check=0");
response.setHeader("Pragma", "no-cache");
// 设置相应类型,告诉浏览器输出的内容为图片
response.setContentType("image/jpeg");
RandomValidateCodeUtils randomValidateCodeUtils = new RandomValidateCodeUtils();
// 输出验证码图片方法
randomValidateCodeUtils.getRandCode(request, response);
// HttpSession session = request.getSession();
// String type = request.getParameter("type");
// String capStr = null;
// String code = null;
// BufferedImage bi = null;
// if ("math".equals(type)) {
// String capText = captchaProducerMath.createText();
// capStr = capText.substring(0, capText.lastIndexOf("@"));
// code = capText.substring(capText.lastIndexOf("@") + 1);
// bi = captchaProducerMath.createImage(capStr);
// } else if ("char".equals(type)) {
// capStr = code = captchaProducer.createText();
// bi = captchaProducer.createImage(capStr);
// }
// session.setAttribute(Constants.KAPTCHA_SESSION_KEY, code);
// out = response.getOutputStream();
// ImageIO.write(bi, "jpg", out);
// out.flush();
} catch (Exception e) {
e.printStackTrace();
} finally {
try {
if (out != null) {
out.close();
}
} catch (IOException e) {
e.printStackTrace();
}
}
return null;
}
}
绘制验证码的工具类
package com.smart.project.system.user.utils;
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;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import com.google.code.kaptcha.Constants;
/**
* 随机验证码生成工具类
*
* @author sunbin
* @since 2019年9月7日
* @version 2019年9月7日
*/
public class RandomValidateCodeUtils {
private static final Logger logger = LoggerFactory.getLogger(RandomValidateCodeUtils.class);
/**
* 随机产生数字与字母组合的字符串(去掉了易混淆字符)
*/
private String randString = "23456789abcdefghjkmnpqrstuvwxyzABCDEFGHJKMNPQRSTUVWXYZ";
/**
* 图片宽
*/
private int width = 95;
/**
* 图片高
*/
private int height = 35;
/**
* 干扰线数量
*/
private int lineSize = 20;
/**
* 随机产生字符数量
*/
private int stringNum = 4;
private Random random = new Random();
/**
* 获得字体
*/
private Font getFont() {
return new Font("Fixedsys", Font.CENTER_BASELINE, 30);
}
/**
* 获得颜色
*/
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);
// 产生Image对象的Graphics对象,改对象可以在图像上进行各种绘制操作
Graphics g = image.getGraphics();
// 图片大小
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中
session.setAttribute(Constants.KAPTCHA_SESSION_KEY, randomString);
g.dispose();
try {
// 将内存中的图片通过流的形式输出到客户端
ImageIO.write(image, "JPEG", response.getOutputStream());
} catch (Exception e) {
logger.error("将内存中的图片通过流的形式输出到客户端失败", e);
}
}
/**
* 绘制字符串
*/
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(4));
g.drawString(rand, 16 * i, 25);
return randomString;
}
/**
* 绘制干扰线
*/
private void drowLine(Graphics g) {
int x = random.nextInt(width);
int y = random.nextInt(height);
int xl = random.nextInt(width);
int yl = random.nextInt(height);
g.drawLine(x, y, x + xl, y + yl);
}
/**
* 获取随机的字符
*/
public String getRandomString(int num) {
return String.valueOf(randString.charAt(num));
}
}