您的位置：首页 > 编程技术 > php  >  ThinkPHP5.1验证码功能实现的示例代码

ThinkPHP5.1验证码功能实现的示例代码

 更新时间：2020年6月8日 13:43  点击：1472

۩ 背景

ThinkPHP5.1 已经出现很久了，最近有所接触，下面介绍一下常用的第三方验证码功能的使用。

环境

  • 框架版本： ThinkPHP5.1.2
  • 运行环境： CentOS7.2、phpStudy2017、Nginx

♜ 功能开发

1).引入第三方扩展包

进行 TP5 的开发，Composer 的使用会成为重要技能，以 windows 为例子，输入命令：

composer require topthink/think-captcha

完成上述操作，会在以下目录中出现 captcha 的扩展包

..\vendor\topthink\think-captcha

2).前端设置

在前端页面需要显示验证码的位置，补充 {:captcha_img()} 即可，个人代码举例如下：

<p class="pass-form-item">
  <label class="pass-label">验证码</label>
  <input type="text" name="verifyCode" class="pass-text-input " placeholder="请输入验证码">
  <div>{:captcha_img()}</div>
</p>

3). captcha 扩展包代码优化

如果按照上述操作，显示的验证码图片并不能点击刷新，可自己根据需求进行刷新功能设计；或者，建议进行下面的代码优化：

function captcha_img($id = "")
{
 $js_src = "this.src='".captcha_src()."'";
 return '<img src="' . captcha_src($id) . '" title="点击更新验证码" alt="点击更新验证码" οnclick="'.$js_src.'" />';
 //return '![](' . captcha_src($id) . ')';
}

打开 ..\vendor\topthink\think-captcha\src\helper.php 文件，替换上面的 captcha_img() 方法代码.

此时的验证码图片即可实现点击 实时刷新 功能.

【注意：2020-02-26】

最近发现，直接在CSDN上复制上面的代码，“onclick” 粘贴后不是正常的代码，注意 “o”字母，建议有问题时可手打一下即可！

4). 后台代码验证

根据前端请求而来的 verifyCode 数据，调用 helper.php 中的 captcha_check() 方法，进行验证。

 if(request()->isPost()){
   $data = input('post.');
   if(!captcha_check($data['verifyCode'])) {
    // 校验失败
    $this->error('验证码不正确');
   }
}

♞ 提示

官方文档—— 【ThinkPHP5.1 验证码指导】

  • 建议阅读 ..\vendor\topthink\think-captcha\src\helper.php 文件，及 Captcha.php ，可以进行样式的自定义.
  • 如果前端 {:captcha_img()} 有传值 id，那么后台 captcha_check() 验证也需要相应的 id 参数区分。
  • 验证结果，普遍使用 ajax 请求，以满足用户顺畅的体验.

到此这篇关于ThinkPHP5.1验证码功能实现的示例代码的文章就介绍到这了,更多相关ThinkPHP5.1验证码内容请搜索猪先飞以前的文章或继续浏览下面的相关文章希望大家以后多多支持猪先飞！

[!--infotagslink--]

相关文章

  • PHP 验证码不显示只有一个小红叉的解决方法

    最近想自学PHP ，做了个验证码，但不知道怎么搞的，总出现一个如下图的小红叉，但验证码就是显示不出来，原因如下 未修改之前，出现如下错误； （1）修改步骤如下，原因如下，原因是apache权限没开， （2）点击打开php.int.， 搜索extension=ph...2013-10-04

  • JS实现随机生成验证码

    这篇文章主要为大家详细介绍了JS实现随机生成验证码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2021-09-06

  • jQuery Real Person验证码插件防止表单自动提交

    本文介绍的jQuery插件有点特殊，防自动提交表单的验证工具，就是我们经常用到的验证码工具，先给大家看看效果。效果图如下： 使用说明 需要使用jQuery库文件和Real Person库文件 同时需要自定义验证码显示的CSS样式 使用实例...2015-11-08

  • Jquery插件实现点击获取验证码后60秒内禁止重新获取

    通过jquery.cookie.js插件可以快速实现“点击获取验证码后60秒内禁止重新获取（防刷新）”的功能效果图：先到官网（http://plugins.jquery.com/cookie/）下载cookie插件，放到相应文件夹，代码如下：复制代码 代码如下: <!DOCTYPE ht...2015-03-15

  • php实现点击可刷新验证码

    验证码类文件 CreateImg.class.php <&#63;php class ValidationCode { private $width,$height,$codenum; public $checkcode; //产生的验证码 private $checkimage; //验证码图片 private $disturbColor = ''; /...2015-11-08

  • 基于JavaScript实现验证码功能

    这篇文章主要介绍了基于JavaScript实现验证码功能的相关资料...2017-04-03

  • 单击按钮发送验证码,出现倒计时的简单实例

    下面小编就为大家带来一篇单击按钮发送验证码,出现倒计时的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧 代码...2017-07-06

  • PHP验证码生成与验证例子

    验证码是一个现在WEB2.0中常见的一个功能了，像注册、登录又或者是留言页面，都需要注册码来验证当前操作者的合法性,我们会看到有些网站没有验证码，但那是更高级的验证了，...2016-11-25

  • 基于Pytorch版yolov5的滑块验证码破解思路详解

    这篇文章主要介绍了基于Pytorch版yolov5的滑块验证码破解思路详解,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下...2021-02-25

  • Bootstrap中文本框的宽度变窄并且加入一副验证码图片的实现方法

    这篇文章主要介绍了Bootstrap中文本框的宽度变窄并且加入一副验证码图片的实现方法的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下...2016-06-24

  • 工信部的ICP备案网站登录时验证码一直输入不正确怎么回事

    工信部的ICP备案网站登录时验证码一直输入不正确怎么回事,为了防止一些机器采集人工信部对于查询验证做得识别度极低，所以许多的朋友都会发现输入验证码一直有问题了，那...2016-10-10

  • jQuery实现发送验证码控制按钮禁用功能

    最近接到新需求，需要实现一个点击发送验证码之后，按钮禁用，在5秒之后取消禁用，看似需求很简单，实现起来还真的好好动动脑筋，下面小编把jquery控制按钮禁用核心代码分享给大家，需要的朋友参考下吧...2021-07-24

  • Web制作验证码功能实例代码

    web开发中，经常会使用验证码功能，例如登录、注册，或其他关键功能之前经常会使用。下面通过实例代码给大家介绍Web制作验证码功能实例代码，感兴趣的朋友一起看看吧...2017-06-24

  • GoDaddy怎么开启手机验证码登录?

    GoDaddy怎么开启手机验证码登录?最近老听朋友说gd用户盗了，然后域名丢失了，今天　我们一起来看看关于GoDaddy开启手机验证码登录的教程． 给账户添加多重验证是为了账...2016-10-10

  • python网络爬虫实现发送短信验证码的方法

    这篇文章主要介绍了python网络爬虫实现发送短信验证码的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧...2021-02-25

  • C#验证码识别基础方法实例分析

    这篇文章主要介绍了C#验证码识别基础方法实例分析,较为详细的总结了C#验证码的实现思路及具体步骤,并对实现思路进行了总结归纳,具有很好的实用价值,需要的朋友可以参考下...2020-06-25

  • vue实现登录验证码

    这篇文章主要为大家详细介绍了vue实现登录验证码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2021-08-13

  • JavaScript实现验证码案例

    这篇文章主要为大家详细介绍了JavaScript实现验证码案例，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2021-10-28

  • 深入学习.net验证码生成及使用方法

    这篇文章主要介绍了.net验证码生成及使用方法，先了解验证码是什么以及其作用，最后分享了如何制作验证码，内容很全面，感兴趣的小伙伴们可以参考一下...2021-09-22

  • SpringBoot使用Captcha生成验证码

    这篇文章主要介绍了SpringBoot如何使用Captcha生成验证码，帮助大家更好的理解和学习使用SpringBoot，感兴趣的朋友可以了解下...2021-04-24