Pour que notre livre d'or soit utile, nous allons avoir besoin d'un formulaire permettant de le remplir.
Nous devons donc créer un formulaire. Pour créer un formulaire vierge, exécutez la commande :
% zf create form Guestbook Creating a form at application/forms/Guestbook.php Updating project profile '.zfproject.xml'
Ceci créera le dossier application/forms/
avec un fichier de classe
Guestbook.php
. Ouvrez ce fichier et mettez le à jour comme suit :
// application/forms/Guestbook.php class Application_Form_Guestbook extends Zend_Form { public function init() { // La méthode HTTP d'envoi du formulaire $this->setMethod('post'); // Un élément Email $this->addElement('text', 'email', array( 'label' => 'Your email address:', 'required' => true, 'filters' => array('StringTrim'), 'validators' => array( 'EmailAddress', ) )); // Un élément pour le commentaire $this->addElement('textarea', 'comment', array( 'label' => 'Please Comment:', 'required' => true, 'validators' => array( array('validator' => 'StringLength', 'options' => array(0, 20)) ) )); // Un captcha $this->addElement('captcha', 'captcha', array( 'label' => 'Please enter the 5 letters displayed below:', 'required' => true, 'captcha' => array( 'captcha' => 'Figlet', 'wordLen' => 5, 'timeout' => 300 ) )); // Un bouton d'envoi $this->addElement('submit', 'submit', array( 'ignore' => true, 'label' => 'Sign Guestbook', )); // Et une protection anti CSRF $this->addElement('hash', 'csrf', array( 'ignore' => true, )); } }
Le formulaire ci-dessus définit cinq éléments : une adresse email, un champ commentaire, un CAPTCHA anti spam, un bouton d'envoi et une protection anti CSRF.
Maintenant nous allons ajouter une action signAction()
à notre
GuestbookController
qui va s'occuper de la soumission du formulaire.
Pour créer cette action et son script de vue, éxécutez :
% zf create action sign Guestbook Creating an action named sign inside controller at application/controllers/GuestbookController.php Updating project profile '.zfproject.xml' Creating a view script for the sign action method at application/views/scripts/guestbook/sign.phtml Updating project profile '.zfproject.xml'
Comme vous le voyez d'après l'affichage, ceci va créer une méthode
signAction()
dans notre contrôleur, ainsi que le script de vue
approprié.
Ajoutons de la logique dans notre action. Nous devons d'abord vérifier le type de requête HTTP POST ou GET ; dans ce dernier cas nous affichons simplement le formulaire. Cependant, si nous recevons une requête POST, nous allons vouloir valider le formulaire par rapport aux données postées, et s'il est valide, créer une nouvelle entrée et la sauvegarder. La logique ressemble à ceci :
// application/controllers/GuestbookController.php class GuestbookController extends Zend_Controller_Action { // indexAction() ici ... public function signAction() { $request = $this->getRequest(); $form = new Application_Form_Guestbook(); if ($this->getRequest()->isPost()) { if ($form->isValid($request->getPost())) { $comment = new Application_Model_Guestbook($form->getValues()); $mapper = new Application_Model_GuestbookMapper(); $mapper->save($comment); return $this->_helper->redirector('index'); } } $this->view->form = $form; } }
Bien sur, nous devons aussi éditer le script de vue. Editez
application/views/scripts/guestbook/sign.phtml
avec ceci :
<!-- application/views/scripts/guestbook/sign.phtml --> Utilisez le formulaire ci-après pour signer notre livre d'or! <?php $this->form->setAction($this->url()); echo $this->form;
Améliorer le rendu visuel du formulaire
Ce formulaire n'a pas un look terrible, peu importe : l'apparence d'un formulaire est entièrement personnalisable ! Voyez la section sur les décorateurs dans le guide de réference pour plus de détails.
Aussi, vous pouvez être intéréssés par notre tutoriel sur les décorateurs de formulaires.
Checkpoint
Naviguez maintenant sur "http://localhost/guestbook/sign". Vous devriez voir ceci dans votre navigateur :