使用maven构建工具制作验证码

准备：进入maven repository 官网首页，在搜索框里输入com.github.penggle ，点击第一个Kaptcha ，再点击 Version 下的最新的（现在是2.3.2），复制下面的方框里的所有代码。

第一步：在pom.xml 文件中引入kaptcha

<!--https://mvnrepository.com/artifact/com.github.penggle/kaptcha -->

<dependency>

         <groupId>com.github.penggle</groupId>

         <artifactId>kaptcha</artifactId>

         <version>2.3.2</version>

</dependency>

第二步：在web.xml 文件中添加如下代码

<servlet>

                   <servlet-name>Kaptcha</servlet-name>

                   <servlet-class>com.google.code.kaptcha.servlet.KaptchaServlet</servlet-class>

                   <!--是否有边框,value为没有边框 -->

                   <init-param>

                            <param-name>kaptcha.border</param-name>

                            <param-value>no</param-value>

                   </init-param>

                   <!--字体颜色 -->

                   <init-param>

                            <param-name>kaptcha.textproducer.font.color</param-name>

                            <param-value>red</param-value>

                   </init-param>

                   <!--图片宽度 -->

                   <init-param>

                            <param-name>kaptcha.image.width</param-name>

                            <param-value>135</param-value>

                   </init-param>

                   <!--使用哪些字符生成验证码 -->

                   <init-param>

                            <param-name>kaptcha.textproducer.char.string</param-name>

                            <param-value>ACDEFHKPRSTWX345679</param-value>

                   </init-param>

                   <!--图片高度 -->

                   <init-param>

                            <param-name>kaptcha.image.height</param-name>

                            <param-value>50</param-value>

                   </init-param>

                   <!--字体大小 -->

                   <init-param>

                            <param-name>kaptcha.textproducer.font.size</param-name>

                            <param-value>43</param-value>

                   </init-param>          

                   <!--干扰线的颜色 -->

                   <init-param>

                            <param-name>kaptcha.noise.color</param-name>

                            <param-value>black</param-value>

                   </init-param>

                   <!--字符个数 -->

                   <init-param>

                            <param-name>kaptcha.textproducer.char.length</param-name>

                            <param-value>4</param-value>

                   </init-param>          

                   <!--字体 -->

                   <init-param>

                            <param-name>kaptcha.textproducer.font.names</param-name>

                            <param-value>Arial</param-value>

                   </init-param>                                      

         </servlet>

         <servlet-mapping>

                   <servlet-name>Kaptcha</servlet-name>

                   <url-pattern>/Kaptcha</url-pattern>

         </servlet-mapping>

第三步：在前端页面中加入自己定义好的 html 代码.

第四步：加入js 代码