验证码的原理、做用及实现

验证码原理分析及实现

1、前言

最近学习实现了验证码，首先附图效果以下：(

简单说明：

分别提交正确、错误的验证码及对应效果

本文是图文结合说明)

2、验证码的做用

验证码是目前大多网站所支持并使用于注册登陆的。就在于其做用能有效防止恶意登陆注册，验证码每次都不一样,

这就能够排除,用其余病毒或者软件自动申请用户及自动登录.有效防止这种问题。

3、原理及知识点分析

1.原理

验证码于服务器端生成，发送给客户端，并以图像格式显示。客户端提交所显示的验证码，客户端接收并进行比较，若比对失败则不能实现登陆或注册，反之成功后跳转相应界面。

2.主要知识

服务器端的相关实现，前端运用 HTML 5，CSS 3 ,(可空白留给美工实现，须有 HTML 基础知识)。

主要是三部分:

(提交界面， 成功及失败的) jsp

(后台对应提交 jsp 验证提交内容的) servlet (生成验证码的) servlet

XML 文档

4、验证码实现

1.所用软件为 Myeclipse

新建项目，默认生成 index.jsp 新建成功及失败 jsp（文件名自定义，但后台使用其路径时要对应便可）

注意:将 charset ，pageEncoding 设置为 utf-8 才能支持中文，不然乱码，此处采用 post 方法处理 Form 表单提交数据

2. jsp 代码写界面

提交界面jsp 代码及成功 jsp失败 jsp

三个界面的代码分别以下：

(1).提交页面主要代码：

(2).成功页面主要代码，验证码输入成功跳转的界面，提示登陆成功或验证码输入正确

(3).失败页面主要代码

(

其中form 表单中 action="index" 的 index 不是当前 index.jsp 文件，是对应

新建的检测提交数据正误的 servlet 名字可自定义，下面截图所示：

此处是个人失误，不用这个名字，就没必要多解释这一点，但愿不会给各位带来没必要要的麻烦

)

3. servlet 文件处理数据

新建 servlet 对应 img 的 src 路径来源属性值，此处命名为 ImageServlet （可自定义但要相互对应）

实现验证码的产生与显示

代码以下：

新建 action 对应的路径属性值 servlet 命名为 index 实现验证及相关处理

代码以下：

5.新建对应的 XML 文档，代码以下

所实现效果即本文开头所示。

不足之处请见谅及指教，谢谢览阅。