spring透過kaptcha配置驗證碼產生的程式碼實例-java教程-PHP中文網

spring透過kaptcha配置驗證碼產生的程式碼實例

Y2J

發布： 2017-05-05 15:19:18

原創

1393 人瀏覽過

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

使用Kaptcha 產生驗證碼十分簡單並且參數可以進行自訂，以下簡單記錄下使用步驟。

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

在servlet節點中配置

#3.controller類別中的相關方法：

@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：

<p 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=&#39;login.label.code&#39; />" />
  <p style="height: 1px"></p>
  <img src="${pageContext.request.contextPath}/getVerifyCodeImage" id="verifyCodeImage" style="margin-bottom: -3px" /> 
  <a href="#" rel="external nofollow" onclick="changeVerifyCode()"><spring:message code=&#39;login.code.tip&#39; /></a>
</p>

登入後複製

function changeVerifyCode() {
  $(&#39;#verifyCodeImage&#39;).hide().attr(&#39;src&#39;, &#39;${pageContext.request.contextPath}/getVerifyCodeImage?&#39; + 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 Text
kaptcha.textproducer.char.string 驗證碼文字字元內容範圍預設為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 驗證碼文字字元渲染預設為DefaultWordRenderer
. #kaptcha.background.impl 驗證碼背景產生器預設為DefaultBackground
kaptcha.background.clear.from 驗證碼背景顏色漸進# 預設為Color.LIGHT_GRAY##
#kaptcha.image.width 驗證碼
寬度為200
kaptcha.image.height 驗證碼圖片高度預設為50
【相關建議】