快捷導(dǎo)航

Springboot實(shí)現(xiàn)驗(yàn)證碼登錄

更新時(shí)間：2018年07月04日 14:47:57 作者：小個(gè)泰

這篇文章主要為大家詳細(xì)介紹了Springboot實(shí)現(xiàn)驗(yàn)證碼登錄，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

本文實(shí)例為大家分享了Springboot實(shí)現(xiàn)驗(yàn)證碼登錄的具體代碼，供大家參考，具體內(nèi)容如下

因?yàn)樵陧?xiàng)目中需要使用到驗(yàn)證碼，我總結(jié)一下在項(xiàng)目中如何快速解決項(xiàng)目需求~驗(yàn)證碼，下面推薦給大家速上手驗(yàn)證碼的例子。

一、編寫驗(yàn)證碼工具類

import java.awt.Color;
import java.awt.Font;
import java.awt.Graphics;
import java.awt.image.BufferedImage;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.OutputStream;
import java.util.Random;

import javax.imageio.ImageIO;

/**
 * @author zct
 * @date 2018年2月6日
 * @param
 * @desc 圖形驗(yàn)證碼生成
 *
 */
public class VerifyUtil {
 // 驗(yàn)證碼字符集
 private static final char[] chars = {
  '0', '1', '2', '3', '4', '5', '6', '7', '8', '9',
  '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',
  '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'};
 // 字符數(shù)量
 private static final int SIZE = 4;
 // 干擾線數(shù)量
 private static final int LINES = 5;
 // 寬度
 private static final int WIDTH = 80;
 // 高度
 private static final int HEIGHT = 40;
 // 字體大小
 private static final int FONT_SIZE = 30;

 /**
 * 生成隨機(jī)驗(yàn)證碼及圖片
 * Object[0]：驗(yàn)證碼字符串；
 * Object[1]：驗(yàn)證碼圖片。
 */
 public static Object[] createImage() {
 StringBuffer sb = new StringBuffer();
 // 1.創(chuàng)建空白圖片
 BufferedImage image = new BufferedImage(
  WIDTH, HEIGHT, BufferedImage.TYPE_INT_RGB);
 // 2.獲取圖片畫筆
 Graphics graphic = image.getGraphics();
 // 3.設(shè)置畫筆顏色
 graphic.setColor(Color.LIGHT_GRAY);
 // 4.繪制矩形背景
 graphic.fillRect(0, 0, WIDTH, HEIGHT);
 // 5.畫隨機(jī)字符
 Random ran = new Random();
 for (int i = 0; i <SIZE; i++) {
  // 取隨機(jī)字符索引
  int n = ran.nextInt(chars.length);
  // 設(shè)置隨機(jī)顏色
  graphic.setColor(getRandomColor());
  // 設(shè)置字體大小
  graphic.setFont(new Font(
   null, Font.BOLD + Font.ITALIC, FONT_SIZE));
  // 畫字符
  graphic.drawString(
   chars[n] + "", i * WIDTH / SIZE, HEIGHT*2/3);
  // 記錄字符
  sb.append(chars[n]);
 }
 // 6.畫干擾線
 for (int i = 0; i < LINES; i++) {
  // 設(shè)置隨機(jī)顏色
  graphic.setColor(getRandomColor());
  // 隨機(jī)畫線
  graphic.drawLine(ran.nextInt(WIDTH), ran.nextInt(HEIGHT),
   ran.nextInt(WIDTH), ran.nextInt(HEIGHT));
 }
 // 7.返回驗(yàn)證碼和圖片
 return new Object[]{sb.toString(), image};
 }

 /**
 * 隨機(jī)取色
 */
 public static Color getRandomColor() {
 Random ran = new Random();
 Color color = new Color(ran.nextInt(256),
  ran.nextInt(256), ran.nextInt(256));
 return color;
 }
}

二、controller層使用

驗(yàn)證用戶名和密碼和驗(yàn)證碼一致

 /**
 * 登錄入口
 *
 * @param username 用戶名
 * @param password 密碼
 * @param code 驗(yàn)證碼
 * @param response 回調(diào)json數(shù)據(jù) 成功返回200，失敗返回500
 */
 @ApiOperation("登錄")
 @PostMapping("/login")
 public void adminLoginByPasswword(@ApiParam("用戶名") @RequestParam String username, @ApiParam("密碼") @RequestParam String password, @ApiParam("驗(yàn)證碼") @RequestParam String code, HttpServletResponse response,HttpServletRequest request) {
 HttpSession session=request.getSession();
 if(session.getAttribute("imageCode")==null){
  renderFail(response, "重新獲取驗(yàn)證碼");
 }else {
  if(session.getAttribute("imageCode").toString().equalsIgnoreCase(code)){
  Map<String, Object> user = adminService.checkAdminLogin(username, password);
  if (user == null) {
   renderFail(response, "登錄失敗");
  } else {
   renderSuccess(response, "登錄成功");
  }
  }else {
  renderFail(response, "驗(yàn)證碼錯誤");
  }
 }


 }

這里采用get請求獲取驗(yàn)證碼，獲取驗(yàn)證碼的接口如下

@ApiOperation("生成驗(yàn)證碼")
 @GetMapping("/getcode")
 public void getCode(HttpServletResponse response, HttpServletRequest request) throws Exception{
 HttpSession session=request.getSession();
 //利用圖片工具生成圖片
 //第一個(gè)參數(shù)是生成的驗(yàn)證碼，第二個(gè)參數(shù)是生成的圖片
 Object[] objs = VerifyUtil.createImage();
 //將驗(yàn)證碼存入Session
 session.setAttribute("imageCode",objs[0]);

 //將圖片輸出給瀏覽器
 BufferedImage image = (BufferedImage) objs[1];
 response.setContentType("image/png");
 OutputStream os = response.getOutputStream();
 ImageIO.write(image, "png", os);
 }

三、代碼測試

這里用springboot Swagger2測試