验证码的制作(二):使用开源组件jcaptcha来实现验证码

使用开源组件jcaptcha来实现验证码

之前说了简单的运用servlet来实现验证码,但其实现的验证码样式比较单一,容易被破解。所以接下来我来介绍另一种实现验证码的方式:那就是运用开源组件jcaptcha来实现样式更全面的验证码样式。

开始之前咱们先来看看运用jcaptcha实现验证码以及对其的验证的一个大致流程:流程图如下

开始之前我们需要下载jcaptcha开源组件jar包

上边就是该项目中需要用到的war包:可以到网上下载,然后将war包解压;这里需要注意的是需要把里面的.class文件反编译成.java文件,然后将其放到项目中对应的包下,并部署到自己的服务器(我用的tomcat)上运行就可以了。

下面我把编译过的java文件放在下面:SubmitActionServlet.java

package com.octo.captcha.module.servlet.image.sample;

import com.octo.captcha.module.servlet.image.SimpleImageCaptchaServlet;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class SubmitActionServlet extends HttpServlet
{
  protected void doPost(HttpServletRequest request, HttpServletResponse response)
    throws ServletException, IOException
  {
    String userCaptchaResponse = request.getParameter("japtcha");
    boolean captchaPassed = SimpleImageCaptchaServlet.validateResponse(request, userCaptchaResponse);
    response.setCharacterEncoding("utf-8");
    if (captchaPassed)
      response.getWriter().write("验证通过");
    else {
      response.getWriter().write("验证失败");
    }
  }
}

下面看一下它的web.xml中的配置和index.jsp:

<!DOCTYPE web-app PUBLIC
 "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN"
 "http://java.sun.com/dtd/web-app_2_3.dtd" >

<web-app>
  <display-name>Simple Image Captcha Servlet Sample</display-name>

    <servlet>
            <servlet-name>jcaptcha</servlet-name>
            <servlet-class>com.octo.captcha.module.servlet.image.SimpleImageCaptchaServlet</servlet-class>
    </servlet>

    <servlet>
            <servlet-name>submit</servlet-name>
            <servlet-class>com.octo.captcha.module.servlet.image.sample.SubmitActionServlet</servlet-class>
    </servlet>

    <servlet-mapping>
            <servlet-name>jcaptcha</servlet-name>
            <url-pattern>/jcaptcha.jpg</url-pattern>
    </servlet-mapping>

    <servlet-mapping>
            <servlet-name>submit</servlet-name>
            <url-pattern>/submit.action</url-pattern>
    </servlet-mapping>

</web-app>

index.jsp

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<body>
<h2>jcaptcha实现验证码</h2>

<form action="submit.action" method="post">
     <img src="jcaptcha.jpg" /> <input type="text" name="japtcha" value="" />
     <input type="submit"/>
</form>
</body>
</html>

通过上面的方法你是否也了解了使用开源组件jcaptcha来实现验证码了呢,是不是比较简单呢。下面来看一下运行截图,体验一下jcaptcha组件的魅力吧!这篇文章是学习了慕课网上的验证码制作而学习的,希望能够对大家有所帮助。如果有什么写的不对的地方请大家多多指教!

时间: 2024-11-06 09:45:18

验证码的制作(二):使用开源组件jcaptcha来实现验证码的相关文章

【Dev Club 分享】腾讯验证码的十二年

源:http://mp.weixin.qq.com/s?__biz=MzA3NTYzODYzMg==&mid=2653578147&idx=3&sn=94a8f8f8b4a23b2429ba18bd50c4e048&chksm=84b3b1a4b3c438b28476200037170798276cf7762a115dad9e4b49afeed3151955afe7cf82c4&scene=4#wechat_redirect 内容简介:验证码的诞生就是用来对抗自动机

C#开源组件DocX处理Word文档基本操作(二)

上一篇 C#开源组件DocX处理Word文档基本操作(一) 介绍了DocX的段落.表格及图片的处理,本篇介绍页眉页脚的处理. 示例代码所用DocX版本为:1.3.0.0.关于版本的情况,请参见上篇. 代码如下: 第一部分:基本的页眉页脚处理(包括图片插入) private void DocXSetHeaderFooter(DocX document) { document.AddHeaders(); //增加页眉 document.AddFooters(); //增加页脚 document.Di

【REACT NATIVE 系列教程之十三】利用LISTVIEW与TEXTINPUT制作聊天/对话框&&获取组件实例常用的两种方式

本站文章均为 李华明Himi 原创,转载务必在明显处注明: 转载自[黑米GameDev街区] 原文链接: http://www.himigame.com/react-native/2346.html 本篇Himi来利用ListView和TextInput这两种组件实现对话.聊天框. 首先需要准备的有几点:(组件的学习就不赘述了,简单且官方有文档) 1. 学习下 ListView: 官方示例:http://reactnative.cn/docs/0.27/tutorial.html#content

Java实现验证码的制作

验证码概述 为什么使用验证码? 验证码(CAPTCHA)是一种全自动程序.主要是为了区分“进行操作的是不是人”.如果没有验证码机制,将会导致以下的问题: 对特定网站不断进行登录,破解密码: 对某个网站创建账户: 对某个网站提交垃圾数据(灌水贴): 对某个网站进行刷票. 使用Servlet实现验证码 一个验证码包含两个部分:图片和输入框. 1 <script type="text/javascript"> 2 function reloadCode(){ 3 var time

【高德LBS开源组件大赛】公众号地图工具

应用的名称 公众号地图工具 应用说明及使用场景 现在越来越多的商户都有自己的实体店,比如连锁超市(家乐福,沃尔玛),连锁餐饮(KFC,麦当劳),连锁酒店(7天,汉庭,全季,如家),菜鸟物流(原天猫服务站),银行等.而开发一张连锁店地图,对于毫不懂技术的人们来说,是十分困难的事情.本工具就提供了一个,即使不懂代码,也能制作出一张有趣可爱又实用的连锁店地图.并且,可以自动定位并检索周边的POI点.本工具非常适用于,微博.微信.支付宝服务窗等手机上的地图显示. 应用所使用的技术及软件 HTML CSS

Android自定义控件——开源组件SlidingMenu的项目集成

转载请注明出处:http://blog.csdn.net/allen315410/article/details/39611355  在实际项目开发中,定制一个菜单,能让用户得到更好的用户体验,诚然菜单的样式各种各样,但是有一种菜单--滑动菜单,是被众多应用广泛使用的.关于这种滑动菜单的实现,我在前面的博文中也介绍了如何自定义去实现,请参考Android自定义控件--侧滑菜单,这篇博文描述的是如何从无到有创建一个侧滑菜单的控件,里面的代码不多,但是处理的逻辑和各种效果比较复杂,如果稍有不慎,这种

Android 开源组件 ----- Android LoopView无限自动轮转控件

Android 开源组件 ----- Android LoopView无限自动轮转控件 2015-12-28 15:26 by 杰瑞教育, 32 阅读, 0 评论, 收藏, 编辑 一.组件介绍 App产品中信息列表头部都会有自动轮转的广告图片,使用ViewPager可以实现但编码比较麻烦,我们可以采用使用LoopView开源控件来完成, LoopView是一个强大的轮转大图控件,并且提供了许多配置方法足以满足你的应用需求 二.环境配置 如果您的项目使用 Gradle 构建, 只需要在您的buil

【高德LBS开源组件大赛】Android目的地雷达

开源组件名称 目的地雷达 开元组件说明及使用场景 使用高德地图查找目的地,获得经纬度后,计算自身与这些位置之间的距离,并显示在屏幕上.适用于需要得到自身与目的地之间距离的直观信息的场景. 开源组件所使用的技术 1,高德地图. 2,Camera预览. 3,地理位置与距离的换算. 4,方向传感器的使用. Git代码托管地址 https://git.oschina.net/greatleghair/walker/tree/master/Walkers 开源组件截图以及安装二维码 注:其实第三张图片的背

Android自定义控件 开源组件SlidingMenu的项目集成

在实际项目开发中,定制一个菜单,能让用户得到更好的用户体验,诚然菜单的样式各种各样,但是有一种菜单——滑动菜单,是被众多应用广泛使用的.关于这种滑动菜单的实现,我在前面的博文中也介绍了如何自定义去实现,请参考Android自定义控件——侧滑菜单,这篇博文描述的是如何从无到有创建一个侧滑菜单的控件,里面的代码不多,但是处理的逻辑和各种效果比较复杂,如果稍有不慎,这种自定义控件就要BUG不断,难以在项目中使用,而且实现的效果比较单一. 好在有开源力量的存在,在开源世界里,一切常用的实用的东西,都会有