验证码的原理、作用及实现 |
您所在的位置:网站首页 › 登录游戏不用验证码的qq版本是什么 › 验证码的原理、作用及实现 |
验证码原理分析及实现
一、前言
最近学习实现了验证码,首先附图效果如下:( 简单说明: 分别提交正确、错误的验证码及对应效果 本文是图文结合说明) 这就可以排除,用其他病毒或者软件自动申请用户及自动登陆.有效防止这种问题。 三、原理及知识点分析1.原理 验证码于服务器端生成,发送给客户端,并以图像格式显示。客户端提交所显示的验证码,客户端接收并进行比较,若比对失败则不能实现登录或注册,反之成功后跳转相应界面。 2.主要知识 服务器端的相关实现,前端运用 HTML 5,CSS 3 ,(可空白留给美工实现,须有 HTML 基础知识)。 主要是三部分: (提交界面, 成功及失败的) jsp (后台对应提交 jsp 验证提交内容的) servlet (生成验证码的) servlet XML 文档 四、验证码实现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 文档,代码如下 所实现效果即本文开头所示。 不足之处请见谅及指教,谢谢览阅。 源码链接:https://gitee.com/niaonao/IdentifyCodeProject |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |