Damit unser Guestbook nützlich ist, benötigen wir ein Formular für die Übermittlung neuer Einträge.
Unsere erste Arbeit ist die Erstellung der aktuellen Formularklasse. Um eine leere Fomularklasse zu erstellen muss folgendes ausgeführt werden:
% zf create form Guestbook Creating a form at application/forms/Guestbook.php Updating project profile '.zfproject.xml'
Dies erstellt das Verzeichnis application/forms/
mit der
Klassendatei Guestbook.php
. Diese Datei ist zu öffnen und so zu
aktualisieren das Sie wie folgt aussieht:
// application/forms/Guestbook.php class Application_Form_Guestbook extends Zend_Form { public function init() { // Setzt die Methode for das Anzeigen des Formulars mit POST $this->setMethod('post'); // Ein Email Element hinzufügen $this->addElement('text', 'email', array( 'label' => 'Deine Email Adresse:', 'required' => true, 'filters' => array('StringTrim'), 'validators' => array( 'EmailAddress', ) )); // Das Kommentar Element hinzufügen $this->addElement('textarea', 'comment', array( 'label' => 'Bitte ein Kommentar:', 'required' => true, 'validators' => array( array('validator' => 'StringLength', 'options' => array(0, 20)) ) )); // Ein Captcha hinzufügen $this->addElement('captcha', 'captcha', array( 'label' => "Bitte die 5 Buchstaben eingeben die unterhalb " . "angezeigt werden:", 'required' => true, 'captcha' => array( 'captcha' => 'Figlet', 'wordLen' => 5, 'timeout' => 300 ) )); // Den Submit Button hinzufügen $this->addElement('submit', 'submit', array( 'ignore' => true, 'label' => 'Im Guestbook eintragen', )); // Und letztendlich etwas CSRF Protektion hinzufügen $this->addElement('hash', 'csrf', array( 'ignore' => true, )); } }
Das obige Formular definiert fünf Elemente: ein Feld für die Email Adresse, eines für das Kommentar, ein CAPTCHA um Spam Einträge zu verhindern, einen Submit Button und ein CSRF Protektions Token.
Als nächstes fügen wir eine signAction()
zu unserem
GuestbookController
welche das Formular nach der Übertragung
bearbeitet. Um die Action und das betreffende View Skript zu erstellen muss das folgende
ausgeführt werden:
% 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'
Das erstellt eine signAction()
Methode in unserem Controller, sowie
das betreffende View Skript.
Fügen wir etwas Logik in unsere Sign Aktion des Guestbook Controller's ein. Wir müssen zuerst prüfen ob wir eine POST oder eine GET Anfrage erhalten; im letzteren Fall zeigen wir das Formular einfach an. Wenn wir aber eine POST Anfrage erhalten, wollten wir die übermittelten Daten gegenüber unserem Formular prüfen, und wenn es gültig ist, wird ein neuer Eintrag erstellt und gespeichert. Die Logik könnte wie folgt aussehen:
// application/controllers/GuestbookController.php class GuestbookController extends Zend_Controller_Action { // wir übergehen indexAction()... 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; } }
Natürlich müssen wir das View Skript bearbeiten; es muss
application/views/scripts/guestbook/sign.phtml
bearbeitet werden damit
es wie folgt aussieht:
<!-- application/views/scripts/guestbook/sign.phtml --> Bitte verwende das folgende Formular um sich in unser Guestbook einzutragen! <?php $this->form->setAction($this->url()); echo $this->form;
Besser aussehende Formulare
Keiner wird sich irgendwann poetisch über die Schönheit dieses Formulars auslassen. Kein Problem - das Aussehen des Formulars kann komplett angepasst werden! Siehe auch im Kapitel über Decorations vom Referenz Handbuch nach Details.
Zusätzlich könnte man an unserem Tutorial über Formular Decorations interessiert sein.
Checkpoint
Jetzt gehen wir auf "http://localhost/guestbook/sign". Man sollte das folgende im eigenen Browser sehen: