快捷導(dǎo)航

spring mvc 使用kaptcha配置生成驗證碼實例

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

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

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

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é)點的id值 verifyCodeProducer 為在類中引用@Resource生成實例時的名稱；屬性配置中 kaptcha.session.key 的值為在session中存取名稱。

在servlet節(jié)點中配置

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