ThinkPHP簡單的驗證碼實現

ThinkPHP簡單的驗證碼實現

寫一個最簡單的TP驗證碼。

• 寫Controller

首先在Controller/IndexController.class.php（簡稱Index）文件中編輯：

<?php  
namespace Home\Controller;  
use Think\Controller;  
use Think\Verify;//這個類一定記得引用  
class IndexController extends Controller {  
    public function index(){  
        $this->redirect('login');//重定向至login方法  
    }  
      
    /*驗證碼*/  
    public function verify(){  
        $verify=new Verify();//新建一個驗證碼  
        $verify->entry();//輸出驗證碼  
    }  
      
    /*登陸*/  
    public function login(){  
        $this->display();//調用對應模板中的login.html  
    }  
      
    /*登陸驗證*/  
    public function login_do(){  
        $code=I('code');  
        $verify=new Verify();  
        if($verify->check($code)){  
            $this->success("驗證成功");  
        }else{  
            $this->error("驗證碼錯誤");  
        }  
    }  
}  

?

• 寫html

接下來要去新建一個表單，用于顯示驗證碼并提供一個輸入框，輸入驗證。

如果表單先不新建，現在就去看驗證碼的效果也是可以的。在瀏覽器訪問：

http://localhost:8088/TP/Home/Index/verif就可以了。

上面操作是在Controller文件夾里面的index控制器進行的。我們去同級文件夾View里面新建一個文件夾叫做index進入index新建login.html

?

該html文件的命名與控制器文件中的login方法一直，在方法調用

 $this->display();//調用對應模板中的login.html  

　　即可顯示login.html

文件中添加如下表單。

  <form action="__URL__/login_do" method="post"><input type="text" placeholder="請輸入驗證碼" name="code" required><img src="{:U('verify')}" alt="" οnclick="this.src='{:U('verify')}?'+Math.random()" title="看不清換一張"><button>登陸</button></form>

　　

• 訪問測試

訪問http://localhost:8088/TP/Home/Index/login即可看到如下效果。

這個驗證碼是默認的，以上編寫顯示過程也是相對比較簡單的。

?

?

• 驗證碼圖形自定義

?

我們接下來可以在此基礎之上自定義一下。

修改控制器文件:

    /*驗證碼*/
    public function verify(){
        $config=array(
            'expire'=>  60,  //驗證碼的有效期（秒）
            'useImgBg'=>false  ,    //是否使用背景圖片 默認為false
            'fontSize'=>35  ,    //驗證碼字體大小（像素） 默認為25
            'useCurve'=>true  ,    //是否使用混淆曲線 默認為true
            'useNoise'=>true  ,    //是否添加雜點 默認為true
            //'imageW'=>100  ,    //驗證碼寬度 設置為0為自動計算
            //'imageH'=>30  ,    //驗證碼高度 設置為0為自動計算
            'length'=>4  ,    //驗證碼位數
            //'fontttf'=>  ,    //指定驗證碼字體 默認為隨機獲取
            //'useZh'=>  ,    //是否使用中文驗證碼
            //'bg'=>  ,    //驗證碼背景顏色 rgb數組設置，例如 array(243, 251, 254)
            //'seKey'=>  ,    //驗證碼的加密密鑰
            //'codeSet'=>  ,    //驗證碼字符集合 3.2.1 新增
            //'zhSet'=>  ,    //驗證碼字符集合（中文） 3.2.1 新增
        );

        $verify=new Verify($config);//新建一個驗證碼
        $verify->entry();//輸出驗證碼
    }

這樣則可以自定義驗證碼。