Captcha（全自動區(qū)分計算機和人類的圖靈測試-Completely Automated Public Turing test to tell Computers and Humans Apart，簡稱 CAPTCHA）俗稱驗證碼，是一種區(qū)分用戶是計算機和人的公共全自動程序。在 CAPTCHA 測試中，作為服務(wù)器的計算機會自動生成一個問題由用戶來解答。這個問題可以由計算機生成并評判，但是必須只有人類才能解答。由于計算機無法解答 CAPTCHA 的問題，所以回答出問題的用戶就可以被認(rèn)為是人類。

Yii Framework 提供了類 CCaptcha 和 CCaptchaAction 用于支持驗證碼，要注意的是這個功能需要有 PHP　GD 擴展支持，可以通過 Yii 的 Requirements 應(yīng)用來查詢：

http://wiki.jikexueyuan.com/project/yii-development-tutorial/images/20.1.jpg" alt="picture20.1" />

如果顯示 Warning，可以通過安裝 GD 擴展庫，并修改 PHP.ini 打開該功能。

CCaptcha 也提供方法 CCaptcha::checkRequirements()　來檢測 GD 庫是否安裝。

本例通過修改 Yii Framework 開發(fā)教程(16) UI 組件 StarRating示例　為其添加 Captcha 功能，只有輸入的驗證碼正確時，用戶評分才有效，避免機器自動評分。

首先是修改 DataModel，添加一個屬性 verifyCode 用來存放用戶輸入的驗證碼，并給其添加 CCaptchaValidator 驗證。


    class DataModel extends CFormModel
    {
        public $rating;
        public $verifyCode;

        public function rules()
        {

            return array(
                array('rating,verifyCode',  'safe'),
                array('verifyCode','captcha',
                        'allowEmpty'=>!CCaptcha::checkRequirements()),
            );

        }
    }

然后修改 SiteController，添加 actions 方法，Captcha 組件缺省使用 CCaptchaAction，其缺省 ID 為 captcha。


    public function actions()
    {
        return array(
            'captcha'=>array(
                    'class' => 'CCaptchaAction',
            ));
    }

下面就可以在 View 中添加 Captcha 組件了：


    <div class="form">
    <?php $form=$this->beginWidget('CActiveForm'); ?>

    <?php echo $form->errorSummary($model); ?>

    <?php if(CCaptcha::checkRequirements()): ?>
    <?php $this->widget('CStarRating',array(
        'model'=>$model,
        'attribute'=>'rating',
        'name'=>'rating',
        'value'=>3,
    )); ?>

    <p />
       <?php  echo $form->label($model,'verifyCode') ?>
       <p />
       <?php $this->widget('CCaptcha'); ?>
       <p />
       <?php  echo $form->textField($model,'verifyCode') ?>

    <div class="row submit">
    <?php echo CHtml::submitButton('Submit'); ?>
    </div>
     <?php endif ?>
    <?php $this->endWidget(); ?>
    </div><!-- form -->

http://wiki.jikexueyuan.com/project/yii-development-tutorial/images/20.2.jpg" alt="picture20.2" />

本例下載

上一篇：Yii Framework 開發(fā)教程(25) 數(shù)據(jù)庫-Query Builder 示例下一篇：Yii Framework 開發(fā)教程(45) Zii 組件-Selectable 示例