ThinkPHP5.0框架驗證碼功能實現(xiàn)方法【基于第三方擴(kuò)展包】

更新時間：2019年03月11日 11:07:29 作者：moTzxx

這篇文章主要介紹了ThinkPHP5.0框架驗證碼功能實現(xiàn)方法,結(jié)合實例形式分析了thinkPHP5基于第三方擴(kuò)展包實現(xiàn)驗證碼功能相關(guān)操作技巧,需要的朋友可以參考下

本文實例講述了ThinkPHP5.0框架驗證碼功能實現(xiàn)方法。分享給大家供大家參考，具體如下：

背景

ThinkPHP5.0 已經(jīng)出現(xiàn)很久了，最近有所接觸，下面介紹一下常用的第三方驗證碼功能的使用。

♜ 功能開發(fā)

1).引入第三方擴(kuò)展包

進(jìn)行 TP5 的開發(fā)，Composer 的使用會成為重要技能，以 windows 為例子，輸入命令：

composer require topthink/think-captcha

完成上述操作，會在以下目錄中出現(xiàn) captcha 的擴(kuò)展包

..\vendor\topthink\think-captcha

2).前端設(shè)置

在前端頁面需要顯示驗證碼的位置，補(bǔ)充 {: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 擴(kuò)展包代碼優(yōu)化

如果按照上述操作，顯示的驗證碼圖片并不能點擊刷新，可自己根據(jù)需求進(jìn)行刷新功能設(shè)計；或者，建議進(jìn)行下面的代碼優(yōu)化：

function captcha_img($id = "")
{
  $js_src = "this.src='".captcha_src()."'";
  return '<img src="' . captcha_src($id) . '" title="點擊更新驗證碼" alt="點擊更新驗證碼" onclick="'.$js_src.'" />';
  //return '![](' . captcha_src($id) . ')';
}

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

此時的驗證碼圖片即可實現(xiàn)點擊實時刷新功能.

4). 后臺代碼驗證

根據(jù)前端請求而來的 verifyCode 數(shù)據(jù)，調(diào)用 helper.php 中的 captcha_check() 方法，進(jìn)行驗證。

if(request()->isPost()){
      $data = input('post.');
      if(!captcha_check($data['verifyCode'])) {
        // 校驗失敗
        $this->error('驗證碼不正確');
      }
}

♞ 提示

官方文檔—— 【ThinkPHP5.1 驗證碼指導(dǎo)】

建議閱讀 ..\vendor\topthink\think-captcha\src\helper.php 文件，及 Captcha.php ，可以進(jìn)行樣式的自定義.
如果前端 {:captcha_img()} 有傳值 id，那么后臺 captcha_check() 驗證也需要相應(yīng)的 id 參數(shù)區(qū)分。
驗證結(jié)果，普遍使用 ajax 請求，以滿足用戶順暢的體驗.

更多關(guān)于thinkPHP相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《ThinkPHP入門教程》、《thinkPHP模板操作技巧總結(jié)》、《ThinkPHP常用方法總結(jié)》、《codeigniter入門教程》、《CI(CodeIgniter)框架進(jìn)階教程》、《Zend FrameWork框架入門教程》及《PHP模板技術(shù)總結(jié)》。

希望本文所述對大家基于ThinkPHP框架的PHP程序設(shè)計有所幫助。

您可能感興趣的文章: