快捷導(dǎo)航

spring mvc 使用kaptcha配置生成驗(yàn)證碼實(shí)例

更新時(shí)間：2017年04月19日 09:29:15 作者：alee_方

本篇文章主要介紹了spring mvc 使用kaptcha生成驗(yàn)證碼實(shí)例，詳細(xì)的介紹了使用Kaptcha 生成驗(yàn)證碼的步驟，有興趣的可以了解一下

使用Kaptcha 生成驗(yàn)證碼十分簡單并且參數(shù)可以進(jìn)行自定義，以下簡單記錄下使用步驟。

1.在pom.xml中添加maven依賴：

<dependency>
  <groupId>com.google.code.kaptcha</groupId>
  <artifactId>kaptcha</artifactId>
  <version>2.3</version>
  <classifier>jdk15</classifier>
</dependency>

2.web.xml中配置kaptcha屬性：

<bean id="verifyCodeProducer" class="com.google.code.kaptcha.impl.DefaultKaptcha">
    <property name="config">
      <bean class="com.google.code.kaptcha.util.Config">
        <constructor-arg>
          <props>
            <prop key="kaptcha.border">yes</prop>
            <prop key="kaptcha.border.color">105,179,90</prop>
            <prop key="kaptcha.border.thickness">1</prop>

            <prop key="kaptcha.noise.color">blue</prop>

            <prop key="kaptcha.image.width">150</prop>
            <prop key="kaptcha.image.height">50</prop>

            <prop key="kaptcha.session.key">verifyCode</prop>

            <!-- <prop key="kaptcha.textproducer.char.string">0123456789abcdefghijklmnopqrst!@#$%^*</prop> -->
            <prop key="kaptcha.textproducer.char.length">4</prop>
            <prop key="kaptcha.textproducer.char.space">4</prop>


            <prop key="kaptcha.textproducer.font.size">30</prop>
            <prop key="kaptcha.textproducer.font.color">blue</prop>

          </props>
        </constructor-arg>
      </bean>
    </property>
  </bean>

其中bean節(jié)點(diǎn)的id值 verifyCodeProducer 為在類中引用@Resource生成實(shí)例時(shí)的名稱；屬性配置中 kaptcha.session.key 的值為在session中存取名稱。

在servlet節(jié)點(diǎn)中配置

3.controller類中的相關(guān)方法：

@Controller
public class CommonController {

  @Autowired
  private Producer verifyCodeProducer;

  @RequestMapping(path = "/getVerifyCodeImage", method = RequestMethod.GET)
  public void getVerifyCodeImage(HttpServletRequest request, HttpServletResponse response) {
    HttpSession session = request.getSession();

    ResponseUtils.noCache(response);
    response.setContentType("image/jpeg");

    String capText = verifyCodeProducer.createText();
    session.setAttribute(Constants.SESSION_KEY_VERIFY_CODE, capText);

    BufferedImage bi = verifyCodeProducer.createImage(capText);
    ServletOutputStream out = null;
    try {
      out = response.getOutputStream();
      ImageIO.write(bi, "jpg", out);
      out.flush();
    } catch (Exception ex) {
      LOGGER.error("Failed to produce the verify code image: ", ex);
      throw new ServerInternalException("Cannot produce the verify code image.");
    } finally {
      IOUtils.closeQuietly(out);
    }
  }
}

Constants.SESSION_KEY_VERIFY_CODE為屬性配置中 kaptcha.session.key 的值。

4.jsp：

<div class="form-group has-feedback">
  <span class="glyphicon glyphicon-barcode form-control-feedback"></span> 
  <input id="verifyCode" name="verifyCode" type="text" maxlength="4" class="form-control" placeholder="<spring:message code='login.label.code' />" />
  <div style="height: 1px"></div>
  <img src="${pageContext.request.contextPath}/getVerifyCodeImage" id="verifyCodeImage" style="margin-bottom: -3px" /> 
  <a href="#" rel="external nofollow" onclick="changeVerifyCode()"><spring:message code='login.code.tip' /></a>
</div>

function changeVerifyCode() {
  $('#verifyCodeImage').hide().attr('src', '${pageContext.request.contextPath}/getVerifyCodeImage?' + Math.floor(Math.random()*100) ).fadeIn(); 
  event.cancelBubble=true; 
}

5.kaptcha屬性說明：

kaptcha.border.color 邊框顏色默認(rèn)為Color.BLACK
kaptcha.border.thickness 邊框粗細(xì)度默認(rèn)為1
kaptcha.producer.impl 驗(yàn)證碼生成器默認(rèn)為DefaultKaptcha
kaptcha.textproducer.impl 驗(yàn)證碼文本生成器默認(rèn)為DefaultTextCreator
kaptcha.textproducer.char.string 驗(yàn)證碼文本字符內(nèi)容范圍默認(rèn)為abcde2345678gfynmnpwx
kaptcha.textproducer.char.length 驗(yàn)證碼文本字符長度默認(rèn)為5
kaptcha.textproducer.font.names 驗(yàn)證碼文本字體樣式默認(rèn)為new Font("Arial", 1, fontSize), new Font("Courier", 1, fontSize)
kaptcha.textproducer.font.size 驗(yàn)證碼文本字符大小默認(rèn)為40
kaptcha.textproducer.font.color 驗(yàn)證碼文本字符顏色默認(rèn)為Color.BLACK
kaptcha.textproducer.char.space 驗(yàn)證碼文本字符間距默認(rèn)為2
kaptcha.noise.impl 驗(yàn)證碼噪點(diǎn)生成對(duì)象默認(rèn)為DefaultNoise
kaptcha.noise.color 驗(yàn)證碼噪點(diǎn)顏色默認(rèn)為Color.BLACK
kaptcha.obscurificator.impl 驗(yàn)證碼樣式引擎默認(rèn)為WaterRipple
kaptcha.word.impl 驗(yàn)證碼文本字符渲染默認(rèn)為DefaultWordRenderer
kaptcha.background.impl 驗(yàn)證碼背景生成器默認(rèn)為DefaultBackground
kaptcha.background.clear.from 驗(yàn)證碼背景顏色漸進(jìn) 默認(rèn)為Color.LIGHT_GRAY
kaptcha.background.clear.to 驗(yàn)證碼背景顏色漸進(jìn) 默認(rèn)為Color.WHITE
kaptcha.image.width 驗(yàn)證碼圖片寬度默認(rèn)為200
kaptcha.image.height 驗(yàn)證碼圖片高度默認(rèn)為50