zoukankan      html  css  js  c++  java
  • Java 验证码、二维码

    资源

    需要:   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">
    结果图:
          
  • 相关阅读:
    ER_NOT_SUPPORTED_AUTH_MODE: Client does not support authentication protocol requested by server; consider upgrading MySQL client
    JavaScript 的 if else 和 switch对比
    setTimeout 、 promise、async await 的执行顺序?宏任务、微任务,分别包含哪些?
    mac终端,自定义命令提示符。zsh导致PS1变量序列字符失效!!!
    js基础——错误处理
    Nginx | CentOS 8 安装Nginx详细教程
    Vue | 虚拟DOM
    Vue | 双向数据绑定
    Hexo | 超详细的hexo+githhub page搭建过程
    JavaScript | 彻底搞懂JS闭包
  • 原文地址:https://www.cnblogs.com/llq5/p/5181567.html
Copyright © 2011-2022 走看看