Websites maken met Zend Framework: deel 3/5

1. Inleiding

2. Templates bouwen en organiseren

• layout.css: /public/styles/
• header.phtml: /application/views/scripts/
• footer.pthml: /application/views/scripts/
• menu.phtml: /application/views/scripts/

3. De controllers laten de views leven

• paginaTitel
• stylesPath
• url

3.1. De indexAction()

---

Nu gaan we de andere variablen declareren en de template op het scherm "toveren". In de indexAction() staat nu een echo. Deze mag je weg doen en volgende code plakken/typen in de plaats.

public function indexAction()
{
    
    $this->view->paginaTitel = 'Startpagina';
    $this->view->titel = 'Welkom op mijn portfolio :]';
    $this->render();
    
}

code uitleg:
- De variablen declareren is niets nieuws meer voor jou.
- $this->render(): je moet hier niet index.phtml of iets anders in plaatsen. De view component zal automatisch de index.phtml vinden in de ./application/views/scripts/index/ map. Hiermee wordt de complete layout getoont op het scherm.

Wanneer je nu naar je website gaat, zie je dat de layout mooi op je scherm staat. Zijn er foutmeldingen of wordt de layout niet mooi weergegeven? Kijk of je template variable url correct ingevuld is (de / niet vergeten op het einde). Staan je templates correct?

Werkt het nog steeds niet? Zet dan de noViewRenderer parameter op false in de bootstrap.

4. Helpers

• declareVars(): hiermee kan je template variablen declareren zonder dat ze al een inhoud hebben.
• formButton($name, $value, $attribs): maak een formulier knop. $attribs is een array.
• formCheckbox($name, $value, $attribs, $options): maak een checkboxelement . $options is een array waarin de eerste value een vinkje (waarde: 1) krijgt.
• formFile($name, $value, $attribs): maak een file element.
• formHidden($name, $value, $attribs): maak een hidden element.
• formLabel($name, $value, $attribs): maak een label element.
• formPassword($name, $value, $attribs): maak een password element.
• formRadio($name, $value, $attribs, $options): maak een radio element.
• formReset($name, $value, $attribs): maak een reset knop.
• formSelect($name, $value, $attribs, $options): maak een select element. $options zijn de options.
• formSubmit($name, $value, $attribs): maak een submit knop.
• formText($name, $value, $attribs): maak een text element.
• formTextarea($name, $value, $attribs): maak een textarea element.
• url($urlOptions, $name, $reset): maakt een link. $urlOptions zijn de link attributen.
• htmlList($items, $ordered, $attribs): maakt een lijst, als $ordered true is dan wordt er een OL gemaakt anders een UL. $items is een array en kan geneste items bevatten.

4.1. Schrijf je eigen Helper

---

Je kan naast de standaard Helpers ook je eigen Helpers schrijven. Bijvoorbeeld een alert Helper of een colorText Helper. Als voorbeeld gaan we eens een colorText Helper schrijven. Hiermee kan je een kleur geven aan de tekst. Neem een nieuwe php bestand en neem volgende code over:

TextColor.php:
<?php
class Zend_View_Helper_TextColor
{
    
    public function textColor( $tekst , $color = '#000000' )
    {
        return '<span style="color:'.$color.';">' . $tekst . '</span>';        
    }
    
}

code uitleg:
- Je maakt een class aan die begint met Zend_View_Helper_ daarna de naam van je Helper (let op de hoofdletters!), zo krijgen we Zend_View_Helper_TextColor.
- De class heeft minstens één functie en die heeft de naam van je Helper (let op de hoofdletters!), zo krijg je dus public function textColor. Het aantal parameters kan je zelf kiezen.
- Er wordt nooit echo of print geplaatst enkel een return.

Je slaat deze op als TextColor.php (let op de hoofdletters!) in de map helper.

Deze Helper gebruik je nu als volgt:

<?php echo $this->render('header.phtml'); ?>
<?php echo $this->render('menu.phtml'); ?>


<div id="pageContent">
    <h1><?php echo $this->textColor( $this->titel , '#FF0000' ); ?></h1>
    <p class="block">
        Welkom op mijn portfolio.
    </p>
</div>

<?php echo $this->render('footer.phtml'); ?>

Zend Framework zal alle Helpers in de map Helpers automatisch laden, dus hier hoef je niet extra's te schrijven in de controllers of dergelijke.
En zo kan je nu verder gaan uitbreiden en meer Helpers schrijven.

5. De andere templates bouwen

• index
• info.phtml
• contact.phtml
• gallery
• index.phtml
• view.phtml
• add.phtml
• edit.phtml
• delete.phtml

• index.phtml: http://www.plaatscode.be/3530/
• view.phtml: http://www.plaatscode.be/3529/
• add.phtml: http://www.plaatscode.be/3531/
• edit.phtml: http://www.plaatscode.be/3532/
• delete.phtml: http://www.plaatscode.be/3533/
• GalleryController.php: http://www.plaatscode.be/3534/

6. Einde deel 3