快捷導(dǎo)航

spring boot實(shí)現(xiàn)驗(yàn)證碼功能

更新時(shí)間：2018年04月20日 09:17:19 作者：mmp_gaihaoleba

Spring Boot是由Pivotal團(tuán)隊(duì)提供的全新框架，其設(shè)計(jì)目的是用來簡(jiǎn)化新Spring應(yīng)用的初始搭建以及開發(fā)過程。這篇文章主要介紹了spring boot實(shí)現(xiàn)驗(yàn)證碼功能,需要的朋友可以參考下

Spring Boot是由Pivotal團(tuán)隊(duì)提供的全新框架，其設(shè)計(jì)目的是用來簡(jiǎn)化新Spring應(yīng)用的初始搭建以及開發(fā)過程。該框架使用了特定的方式來進(jìn)行配置，從而使開發(fā)人員不再需要定義樣板化的配置。通過這種方式，Spring Boot致力于在蓬勃發(fā)展的快速應(yīng)用開發(fā)領(lǐng)域(rapid application development)成為領(lǐng)導(dǎo)者。

下面通過實(shí)例代碼給大家介紹spring boot實(shí)現(xiàn)驗(yàn)證碼功能，具體詳情如下所示：

1.建立工具類，配置驗(yàn)證碼相關(guān)參數(shù)

import java.awt.Color;  
import java.awt.Font;  
import java.awt.Graphics;  
import java.awt.image.BufferedImage;  
import java.util.Random;  
/** 
 * @author ld 
 * @date 2017年11月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;  
  }  
}

2.接口

@RequestMapping(value="/createValicode",method=RequestMethod.GET)  
 public void valicode(HttpServletResponse response,HttpSession session) throws Exception{  
  //利用圖片工具生成圖片  
  //第一個(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);  
 }

3.測(cè)試頁面調(diào)用

<!DOCTYPE html> 
<html> 
<head lang="en"> 
 <meta charset="UTF-8" /> 
 <title>hello</title> 
</head> 
<body> 
 <h1 th:text="${info}" /> 
 <div> 
  <!-- <img alt="這是圖片" src="/img/001.png"/> --> 
  <img alt="驗(yàn)證碼" onclick = "this.src='/iot-frame/createValicode?' + Math.floor(Math.random() * 100)" src="/iot-frame/createValicode" /> 
 </div> 
 <form action="imgvrifyControllerDefaultKaptcha"> 
  <input type="text" name="vrifyCode" /> 
  <input type="submit" value="提交"></input> 
 </form> 
</body> 
</html>

總結(jié)

以上所述是小編給大家介紹的spring boot實(shí)現(xiàn)驗(yàn)證碼功能，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章: