需要: 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 中配置即可使用。并支持自定义样式,常用的配置项见下表:
属性名称 |
属性描述 |
默认值 |
可选值 |
size |
图片大小 |
7 |
数值 |
imageType |
图片类型 |
jpg |
png,bmp,gif,jpg,jpeg |
foreground |
二维码前景颜色 |
black |
RGB,颜色名称 |
background |
二维码背景颜色 |
white |
RGB,颜色名称 |
errorCorrect |
二维码容错率 |
H |
L(7%)、M(15%)、Q(25%)、H(30%) |
使用默认样式
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"
>
结果图: