码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2016-04-11 12:32:07      阅读:181      评论:0      收藏:0      [点我收藏+]

标签:

学习实现验证码,效果如下

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

    技术分享      /////技术分享

/////////////////////////////////////

    技术分享    /////技术分享




                       ******************************  验证码  的作用  ****************************************

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

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


                         ***************************** 验证码  的**************************

             ***********************************原理及相关知识点  ****************************************

       验证码于服务器端生成,发送给客户端,并以图像格式显示。客户端提交所显示的验证码,客户端接收

并进行比较,若比对失败则不能实现登录或注册,反之成功后跳转相应界面。

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

                主要是三部分:(提交界面, 成功及失败的)  jsp  

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

                                          XML  文档


                 ******************************  验证码  的实现  ****************************************

1.所用软件为  Myeclipse  

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

注意将  charset ,pageEncoding 设置为  utf-8   才能支持中文,否则乱码,此处采用 post 方法处理 Form 表单提交数据技术分享

2.提交界面代码及成功失败

三个界面的代码分别如下:

    技术分享

/////////////////////////

    技术分享    /////技术分享

    (   其中form 表单中  action="index"  的 index 不是当前  index.jsp 文件,是对应新建的检测提交数据正误的 servlet  名字可自定义,下面截图所示:

      此处是我的失误,不用这个名字,就不必多解释这一点,希望不会给各位带来不必要的麻烦

       技术分享

     )

   3.新建  servlet  对应  img 的 src 路径来源属性值,此处命名为  ImageServlet  (可自定义但要相互对应)

   实现验证码的产生与显示

   代码如下:

   技术分享

    技术分享

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

    代码如下:

    技术分享

    技术分享

    5.新建对应的  XML 文档,代码如下

    技术分享

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

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

    


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

标签:

原文地址:http://blog.csdn.net/niaonao/article/details/51112686

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!