Yii Framework 开发教程(20) UI 组件 Captcha示例

蔚落 2023-10-16 19:17 72阅读 0赞

Captcha（全自动区分计算机和人类的图灵测试-Completely Automated Public Turing test to tell Computers and Humans Apart，简称[CAPTCHA][]）俗称验证码，是一种区分用户是[计算机][Link 1]和[人][Link 2]的公共全自动程序。在CAPTCHA测试中，作为[服务器][Link 3]的计算机会自动生成一个问题由用户来解答。这个问题可以由计算机生成并评判，但是必须只有人类才能解答。由于计算机无法解答CAPTCHA的问题，所以回答出问题的用户就可以被认为是人类。

Yii Framework提供了类CCaptcha和CCaptchaAction用于支持验证码，要注意的是这个功能需要有PHP　GD扩展支持，可以通过Yii的Requirements应用来查询：

[![201212126001][]][201212126001 1]

如果显示Warning，可以通过安装GD扩展库，并修改PHP.ini打开该功能。

CCaptcha也提供方法CCaptcha::checkRequirements()　来检测GD库是否安装。

本例通过修改[Yii Framework 开发教程(16) UI 组件 StarRating示例][Yii Framework _16_ UI _ StarRating]　为其添加Captcha功能，只有输入的验证码正确时，用户评分才有效，避免机器自动评分。

首先是修改DataModel，添加一个属性verifyCode 用来存放用户输入的验证码，并给其添加[CCaptchaValidator][]验证。

**\[php\]** [ view plain][view plain] [copy][view plain] [print][view plain] [?][view plain]

1.  class DataModel extends CFormModel
2.  \{
3.  public $rating;
4.  public $verifyCode;
5.  
6.  public function rules()
7.  \{
8.  
9.  return array(
10. array('rating,verifyCode', 'safe'),
11. array('verifyCode','captcha',
12. 'allowEmpty'=>!CCaptcha::checkRequirements()),
13. );
14. 
15. \}
16. \}

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。

**\[php\]** [ view plain][view plain] [copy][view plain] [print][view plain] [?][view plain]

1.  public function actions()
2.  \{
3.  return array(
4.  'captcha'=>array(
5.  'class' => 'CCaptchaAction',
6.  ));
7.  \}

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

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

**\[php\]** [ view plain][view plain] [copy][view plain] [print][view plain] [?][view plain]

1.  <div class="form">
2.  <?php $form=$this\->beginWidget('CActiveForm'); ?>
3.  
4.  <?php echo $form\->errorSummary($model); ?>
5.  
6.  <?php if(CCaptcha::checkRequirements()): ?>
7.  <?php $this\->widget('CStarRating',array(
8.  'model'=>$model,
9.  'attribute'=>'rating',
10. 'name'=>'rating',
11. 'value'=>3,
12. )); ?>
13. 
14. <p />
15. <?php echo $form\->label($model,'verifyCode') ?>
16. <p />
17. <?php $this\->widget('CCaptcha'); ?>
18. <p />
19. <?php echo $form\->textField($model,'verifyCode') ?>
20. 
21. <div class="row submit">
22. <?php echo CHtml::submitButton('Submit'); ?>
23. </div>
24. <?php endif ?>
25. <?php $this\->endWidget(); ?>
26. </div>

<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>

[![201212126002][]][201212126002 1] 本例 [下载][Link 4]

[CAPTCHA]: http://zh.wikipedia.org/wiki/%E9%AA%8C%E8%AF%81%E7%A0%81
[Link 1]: http://zh.wikipedia.org/wiki/%E8%AE%A1%E7%AE%97%E6%9C%BA
[Link 2]: http://zh.wikipedia.org/wiki/%E4%BA%BA
[Link 3]: http://zh.wikipedia.org/wiki/%E6%9C%8D%E5%8A%A1%E5%99%A8
[201212126001]: http://www.imobilebbs.com/wordpress/wp-content/uploads/2012/12/201212126001.png
[201212126001 1]: http://www.imobilebbs.com/wordpress/archives/4007/attachment/201212126001
[Yii Framework _16_ UI _ StarRating]: http://www.imobilebbs.com/wordpress/archives/3985
[CCaptchaValidator]: http://www.yiiframework.com/doc/api/1.1/CCaptchaValidator
[view plain]: http://blog.csdn.net/mapdigit/article/details/8440179#
[201212126002]: http://www.imobilebbs.com/wordpress/wp-content/uploads/2012/12/201212126002.png
[201212126002 1]: http://www.imobilebbs.com/wordpress/archives/4007/attachment/201212126002
[Link 4]: http://www.imobilebbs.com/download/yii/CCaptchaDemo.zip