快捷導(dǎo)航

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

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

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