Java 驗證碼、二維碼

weixin_34262482發表於2015-01-22

需要:   jelly-core-1.7.0.GA.jar
網站:   http://lychie.github.io/products.html
將下載下來的 jelly-core-1.7.0.GA.jar 丟到專案裡,不需要編寫任何 java 程式碼,只需要在專案的 web.xml 檔案中配置相關資訊即可。

驗證碼

基於 Servlet 實現,在 web.xml 中配置即可使用。並支援自定義樣式,常用的配置項見下表:

 

屬性名稱 屬性描述 預設值 可選值
border 邊框 no no,yes
borderColor 邊框顏色 black RGB,顏色名稱
borderThickness 邊框厚度 1 數值
style 驗證碼樣式 wave wave ( 波紋 )
shadow ( 陰影 )
fishEye ( 魚眼 )
width 驗證碼寬度 ( 不建議的配置項 ) 230 數值
height 驗證碼高度 ( 不建議的配置項 ) 90 數值
fontSize 驗證碼字型大小 ( 不建議的配置項 ) 70 數值
fontColor 驗證碼字型顏色 black RGB,顏色名稱
fontFamily 驗證碼字型 Arial,Helvetica,Times New Roman,Liberation Mono 字型名稱
charString 驗證碼字元 NU N ( 隨機打亂的數字 )
L ( 隨機打亂的小寫字母 )
U ( 隨機打亂的大寫字母 )
NL ( 隨機打亂的數字 + 小寫字母 )
NU ( 隨機打亂的數字 + 大寫字母 )
LU ( 隨機打亂的大小寫字母 )
NLU ( 隨機打亂的數字 + 大小寫字母 )
charLength 驗證碼字元的長度 4 數值
charSpace 驗證碼字元間隔空隙 1 數值
noiseColor 干擾線顏色 black RGB,顏色名稱
sessionKey 驗證碼儲存在 Session 的 Key idCode 字串


波紋樣式 web.xml

<servlet>
  <servlet-name>ValidateCode</servlet-name>
  <servlet-class>org.jelly.image.ValidateCode</servlet-class>
</servlet>
<servlet-mapping>
  <servlet-name>ValidateCode</servlet-name>
  <url-pattern>/idCode</url-pattern>
</servlet-mapping>

jsp

<img src="idCode" onclick="this.src+=''" style="cursor:pointer;" width="115" height="30" title="看不清?換一個">

結果圖:

結果圖:

陰影樣式

web.xml

<servlet>
  <servlet-name>ValidateCode</servlet-name>
  <servlet-class>org.jelly.image.ValidateCode</servlet-class>
  <init-param>
    <param-name>style</param-name>
    <param-value>shadow</param-value>
  </init-param>
</servlet>
<servlet-mapping>
  <servlet-name>ValidateCode</servlet-name>
  <url-pattern>/idCode</url-pattern>
</servlet-mapping>

jsp

<img src="idCode" onclick="this.src+=''" style="cursor:pointer;" width="115" height="30" title="看不清?換一個">

結果圖:
              

魚眼樣式

web.xml

<servlet>
  <servlet-name>ValidateCode</servlet-name>
  <servlet-class>org.jelly.image.ValidateCode</servlet-class>
  <init-param>
    <param-name>style</param-name>
    <param-value>fishEye</param-value>
  </init-param>
</servlet>
<servlet-mapping>
  <servlet-name>ValidateCode</servlet-name>
  <url-pattern>/idCode</url-pattern>
</servlet-mapping>

jsp

<img src="idCode" onclick="this.src+=''" style="cursor:pointer;" width="115" height="30" title="看不清?換一個">

結果圖:
              

二維碼

基於 Servlet 實現,在 web.xml 中配置即可使用。並支援自定義樣式,常用的配置項見下表:
使用預設樣式 web.xml

<servlet>
  <servlet-name>Qrcode</servlet-name>
  <servlet-class>org.jelly.image.Qrcode</servlet-class>
</servlet>
<servlet-mapping>
  <servlet-name>Qrcode</servlet-name>
  <url-pattern>/qrcode</url-pattern>
</servlet-mapping>

jsp

<img src="qrcode?text=http://lychie.github.io/index.html">

結果圖:

樣式

web.xml

<servlet>
  <servlet-name>Qrcode</servlet-name>
  <servlet-class>org.jelly.image.Qrcode</servlet-class>
  <init-param>
    <param-name>foreground</param-name>
    <param-value>pink</param-value>
  </init-param>
</servlet>
<servlet-mapping>
  <servlet-name>Qrcode</servlet-name>
  <url-pattern>/qrcode</url-pattern>
</servlet-mapping>

jsp

<img src="qrcode?text=http://lychie.github.io/index.html">

結果圖:
    

轉載出處:http://www.blogjava.net/fancydeepin

相關文章