前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >验证码的原理、作用及实现「建议收藏」

验证码的原理、作用及实现「建议收藏」

作者头像
全栈程序员站长
发布2022-09-15 13:37:45
2.1K0
发布2022-09-15 13:37:45
举报
文章被收录于专栏:全栈程序员必看

大家好,又见面了,我是你们的朋友全栈君。

验证码原理分析及实现

一、前言

最近学习实现了验证码,首先附图效果如下:(

简单说明:

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

本文是图文结合说明)

验证码的原理、作用及实现「建议收藏」
验证码的原理、作用及实现「建议收藏」
验证码的原理、作用及实现「建议收藏」
验证码的原理、作用及实现「建议收藏」
验证码的原理、作用及实现「建议收藏」
验证码的原理、作用及实现「建议收藏」
验证码的原理、作用及实现「建议收藏」
验证码的原理、作用及实现「建议收藏」

二、验证码的作用

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

这就可以排除,用其他病毒或者软件自动申请用户及自动登陆.有效防止这种问题。

三、原理及知识点分析

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

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/159125.html原文链接:https://javaforall.cn

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022年7月1,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 验证码原理分析及实现
    • 一、前言
      • 二、验证码的作用
        • 验证码是目前大多网站所支持并使用于注册登录的。就在于其作用能有效防止恶意登录注册,验证码每次都不同,
          • 三、原理及知识点分析
            • 四、验证码实现
            相关产品与服务
            验证码
            腾讯云新一代行为验证码(Captcha),基于十道安全栅栏, 为网页、App、小程序开发者打造立体、全面的人机验证。最大程度保护注册登录、活动秒杀、点赞发帖、数据保护等各大场景下业务安全的同时,提供更精细化的用户体验。
            领券
            问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档