資源
需要：
jelly-core-1.7.0.GA.jar
網(wǎng)站：
http://lychie.github.io/products.html
將下載下來的 jelly-core-1.7.0.GA.jar 丟到項(xiàng)目里，不需要編寫任何 java 代碼，只需要在項(xiàng)目的 web.xml 文件中配置相關(guān)信息即可。
驗(yàn)證碼
基于 Servlet 實(shí)現(xiàn)，在 web.xml 中配置即可使用。并支持自定義樣式，常用的配置項(xiàng)見下表：
| 屬性名稱 |
屬性描述 |
默認(rèn)值 |
可選值 |
| border |
邊框 |
no |
no，yes |
| borderColor |
邊框顏色 |
black |
RGB，顏色名稱 |
| borderThickness |
邊框厚度 |
1 |
數(shù)值 |
| style |
驗(yàn)證碼樣式 |
wave |
wave ( 波紋 )
shadow ( 陰影 )
fishEye ( 魚眼 ) |
| width |
驗(yàn)證碼寬度 ( 不建議的配置項(xiàng) ) |
230 |
數(shù)值 |
| height |
驗(yàn)證碼高度 ( 不建議的配置項(xiàng) ) |
90 |
數(shù)值 |
| fontSize |
驗(yàn)證碼字體大小 ( 不建議的配置項(xiàng) ) |
70 |
數(shù)值 |
| fontColor |
驗(yàn)證碼字體顏色 |
black |
RGB，顏色名稱 |
| fontFamily |
驗(yàn)證碼字體 |
Arial,Helvetica,Times New Roman,Liberation Mono |
字體名稱 |
| charString |
驗(yàn)證碼字符 |
NU |
N ( 隨機(jī)打亂的數(shù)字 )
L ( 隨機(jī)打亂的小寫字母 )
U ( 隨機(jī)打亂的大寫字母 )
NL ( 隨機(jī)打亂的數(shù)字 + 小寫字母 )
NU ( 隨機(jī)打亂的數(shù)字 + 大寫字母 )
LU ( 隨機(jī)打亂的大小寫字母 )
NLU ( 隨機(jī)打亂的數(shù)字 + 大小寫字母 ) |
| charLength |
驗(yàn)證碼字符的長度 |
4 |
數(shù)值 |
| charSpace |
驗(yàn)證碼字符間隔空隙 |
1 |
數(shù)值 |
| noiseColor |
干擾線顏色 |
black |
RGB，顏色名稱 |
| sessionKey |
驗(yàn)證碼存儲在 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="看不清？換一個(gè)">
結(jié)果圖：
陰影樣式
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="看不清？換一個(gè)">
結(jié)果圖：
魚眼樣式
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="看不清？換一個(gè)">
結(jié)果圖：
二維碼
基于 Servlet 實(shí)現(xiàn)，在 web.xml 中配置即可使用。并支持自定義樣式，常用的配置項(xiàng)見下表：
| 屬性名稱 |
屬性描述 |
默認(rèn)值 |
可選值 |
| size |
圖片大小 |
7 |
數(shù)值 |
| imageType |
圖片類型 |
jpg |
png，bmp，gif，jpg，jpeg |
| foreground |
二維碼前景顏色 |
black |
RGB，顏色名稱 |
| background |
二維碼背景顏色 |
white |
RGB，顏色名稱 |
| errorCorrect |
二維碼容錯(cuò)率 |
H |
L(7%)、M(15%)、Q(25%)、H(30%) |
使用默認(rèn)樣式
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">
結(jié)果圖：
樣式
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">
結(jié)果圖：
posted on 2014-08-03 11:42
fancydeepin 閱讀(6889)
評論(3) 編輯 收藏