zendframework form with captcha(Base on ZendFrameWork2.4)

1.首先扩展Zend\Captcha\Image，重写一下图片生成过程：

<?php

namespace Test\Captche;

use Zend\Captcha\Exception\NoFontProvidedException;
use Zend\Captcha\Image;

/**
* Class ImageCaptche
*
* @package Test\Captche
* @author  Xuman
* @version $Id$
*/
class ImageCaptche extends Image
{
protected $width = 130;
protected $height = 40;
protected $wordlen = 5;
protected $code;
protected $img;
protected $fonts = array();
//生成背景
private function createBg()
{
$this->img = imagecreatetruecolor($this->width, $this->height);
$color     = imagecolorallocate($this->img, mt_rand(157, 255), mt_rand(157, 255), mt_rand(157, 255));
imagefilledrectangle($this->img, 0, $this->height, $this->width, 0, $color);
}
public function getFont()
{
return $this->fonts[array_rand($this->fonts)];
}
//生成文字
private function createFont($word)
{
$_x = $this->width / $this->wordlen;
for ($i = 0; $i < $this->wordlen; $i++) {
$fcolor = imagecolorallocate($this->img, mt_rand(0, 156), mt_rand(0, 156), mt_rand(0, 156));
imagettftext(
$this->img, $this->fsize, mt_rand(-30, 30), $_x * $i + mt_rand(1, 5), $this->height / 1.4,
$fcolor, $this->getFont(), $word[$i]
);
}
}

//生成线条、雪花
private function createLine()
{
for ($i = 0; $i < 6; $i++) {
$color = imagecolorallocate($this->img, mt_rand(0, 156), mt_rand(0, 156), mt_rand(0, 156));
imageline(
$this->img, mt_rand(0, $this->width), mt_rand(0, $this->height), mt_rand(0, $this->width),
mt_rand(0, $this->height), $color
);
}
for ($i = 0; $i < 100; $i++) {
$color = imagecolorallocate($this->img, mt_rand(200, 255), mt_rand(200, 255), mt_rand(200, 255));
imagestring($this->img, mt_rand(1, 5), mt_rand(0, $this->width), mt_rand(0, $this->height), '*', $color);
}
}
protected function generateImage($id, $word)
{
if (empty($this->fonts)) {
throw new NoFontProvidedException('Image CAPTCHA requires font');
}

$imgFile = $this->getImgDir() . $id . $this->getSuffix();

$this->createBg();
$this->createLine();
$this->createFont($word);

imagepng($this->img, $imgFile);
imagedestroy($this->img);
}
　　public function isValid($value,$context=null){
　　　　$bool = parent::isValid($value,$context);
　　　　$this->setWord($this->generateWord());

　　　　return $bool;
　　}

}

2.创建登录表单LoginForm

<?php
namespace Test\Model;

use Zend\Captcha\AdapterInterface as CaptchaAdapter;
use Zend\Form\Element;
use Zend\Form\Form;

class LoginForm extends Form
{
protected $captcha;

public function __construct(CaptchaAdapter $captcha)
{

parent::__construct();

$this->captcha = $captcha;

// add() can take either an Element/Fieldset instance,
// or a specification, from which the appropriate object
// will be built.

$this->add(
array(
'name'       => 'account',
'options'    => array(
'label' => '用户名',
),
'type'       => 'Text',
'attributes' =>
[
'class' => 'form-control'
]
)
);
$this->add(
array(
'name'       => 'password',
'options'    => array(
'label' => '密码',
),
'type'       => 'Password',
'attributes' =>
[
'class' => 'form-control'
]
)
);
$this->add(
array(
'type'       => 'Zend\Form\Element\Captcha',
'name'       => 'captcha',
'options'    => array(
'label'   => '输入验证码',
'captcha' => $this->captcha,
),
'attributes' =>
[
'class' => 'form-control',
'id'    => 'login-captcha'
]
)
);
$this->add(new Element\Csrf('security'));
$this->add(
array(
'name'       => 'send',
'type'       => 'Submit',
'attributes' => array(
'value' => '登录',
'class' => 'btn btn-success'
),
)
);

// We could also define the input filter here, or
// lazy-create it in the getInputFilter() method.
}
}

3.编写Action代码，testFormAction

public function testFormAction()
{
$captche = new ImageCaptche(
[
'name'    => 'test',
'wordLen' => '4',
'timeout' => 600,
'height'  => 36,
'width'   => 100,
'fsize'   => 18,
'fonts'   => array('data/font/CooperBlackStd.otf', 'data/font/BOOKOSB.TTF', 'data/font/BOOKOSI.TTF')
]
);
$this->layout('layout/layout');
$form = new LoginForm($captche);
if ($this->request->isPost()) {
$form->setData($this->request->getPost());
if ($form->isValid()) {
return $this->redirect()->toRoute('test');
}
}
return ['form' => $form];
}

4.编写test-form.phtml

<?php

$title = 'Test Form';
/** @var Zend\View\Renderer\PhpRenderer $this */
$this->headTitle($title);
// within a view script
$form->prepare();

// Assuming the "contact/process" route exists...
$form->setAttribute('action', '');

// Set the method attribute for the form
$form->setAttribute('method', 'post');

// Get the form label plugin
$formLabel = $this->plugin('formLabel');
?>
<div class="container">
<div class="panel">

<?php
// Render the opening tag

echo $this->form()->openTag($form);
?>
<div class="form_element form-group">
<?php
$name = $form->get('account');
//$name->setAttribute('class', 'form-control');
echo $formLabel->openTag() . $name->getOption('label');
echo $this->formInput($name);
echo $this->formElementErrors($name);
echo $formLabel->closeTag();
?>
</div>

<div class="form_element form-group">
<?php
$subject = $form->get('password');
echo $formLabel->openTag() . $subject->getOption('label');
echo $this->formPassword($subject);
echo $this->formElementErrors($subject);
echo $formLabel->closeTag();
?>
</div>

<div class="form_element form-group">
<?php
$captcha = $form->get('captcha');
echo $formLabel->openTag() . $captcha->getOption('label');
echo $formLabel->closeTag();
?>
<br>
<?php
/** @var \Zend\Form\View\Helper\Captcha\Image $helper */
$helper = $this->plugin($captcha->getCaptcha()->getHelperName());

$helper->setCaptchaPosition(\Zend\Form\View\Helper\Captcha\AbstractWord::CAPTCHA_PREPEND);
//$helper->setSeparator('<span class="input-group-addon">');
echo $helper($captcha);
//echo $this->formCaptcha();
?>

<?php
echo $this->formElementErrors($captcha);

?>
</div>

<?php echo $this->formElement($form->get('security')) ?>
<?php echo $this->formElement($form->get('send')) ?>

<?php echo $this->form()->closeTag() ?>

</div>
</div>
<style>
#login-captcha{
display: inline;
width: 100px;
}
</style>

5.css支持：bootstrap

6.效果图：