需要: 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>
<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>
<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>
<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>
<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>
<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