Tworzymy widok / Pierwsze kroki z Zend Framework / Framework / Artykuły / Wortal / Home

Tworzymy widok

Komponent odpowiedzialny za widok w Zend Framework nazywa się Zend_View. Pozwala on oddzieliś kod widoku od kodu akcji.

Proste zastosowanie Zend_View:

$view = new Zend_View();
$view->setScriptPath('/path/to/view_files');
echo $view->render('view.php');

Jak doskonale widać na powyższym przykładzie, kiedy wstawimy taki szkielet do każdej z akcji, powtarzać będziemy kod uruchamiający widok, w związku z czym nie ma sensu używać akcji. My jednak wolelibyśmy ustawić kod uruchamiający widok w innym miejscu, niż samą akcję, a następnie wywoływać ten kod z akcji.

Projektanci Zend Framework przewidzieli taki problem i zastosowali rejestr w naszym pliku startującym ( zf-tutorial/index.php):

...
Zend::loadClass('Zend_Controller_Front');
Zend::loadClass('Zend_Controller_RewriteRouter');
/////////////////////////////////////////////
Zend::loadClass('Zend_View');
// Rejestrujemy widok którego będziemy używać
$view = new Zend_View();
$view->setScriptPath('./application/views');
Zend::register('view', $view);
////////////////////////////////////////////
// Kontroler
$route = new Zend_Controller_RewriteRouter();
$controller = Zend_Controller_Front::getInstance();...

Zmiany w tym pliku zostały pogrubione i powinny być oczywiste. Proszę zauważyć, że najpierw ładujemy klasę Zend_View za pomocą Zend::loadClass(), zanim nie stworzymy jej objektu i ustalimy scieżki do katalogu z widokami.

Po zarejstrowaniu widoku w rejestrze, powinniśmy użyć go w akcjach oraz przenieść nasz kod testowy wyświetlający komunikat do plików widoku.

W pliku IndexController nanieś następujące zmiany (na listingu zostały one pogrubione):

<?php
class IndexController extends Zend_Controller_Action
{
    function indexAction()
    {
        /////////////////////////////////////////
        $view = Zend::registry('view');
        $view->title = "My Albums";
        /////////////////////////////////////////
        echo $view->render('indexIndex.tpl.php');
    }

    function addAction()
    {
        $view = Zend::registry('view');
        $view->title = "Add New Album";
        echo $view->render('indexAdd.tpl.php');
    }

    function editAction()
    {
        $view = Zend::registry('view');
        $view->title = "Edit Album";
        echo $view->render('indexEdit.tpl.php');
    }

    function deleteAction()
    {
        $view = Zend::registry('view');
        $view->title = "Delete Album";
        echo $view->render('indexDelete.tpl.php');
    }
}

W każdej funkcji ładujemy obiekt widoku z rejestru oraz przypisujemy zmienną z tytułem strony. Następnie wyświetlamy poprawny wygląd strony. Oczywiście potrzebujemy czterech plików widoku dla naszej aplikacji. Pliki te znane są jako szablony. Ja każdy plik szablonowy nazwałem podobnie, jak odpowiadającą mu akcję oraz użyłem rozszerzenia .tpl.php, by łatwo rozpoznać, że to jest właśnie plik szablonu.

zf-tutorial/application/views/indexIndex.tpl.php

<html>
<head>
<title><?php echo $this->escape($this->title); ?></title>
</head>
<body>
<h1><?php echo $this->escape($this->title); ?></h1>
</body>
</html>

zf-tutorial/application/views/indexAdd.tpl.php

<html>
<head>
<title><?php echo $this->escape($this->title); ?></title>
</head>
<body>
<h1><?php echo $this->escape($this->title); ?></h1>
</body>
</html>

zf-tutorial/application/views/indexEdit.tpl.php

<html>
<head>
<title><?php echo $this->escape($this->title); ?></title>
</head>
<body>
<h1><?php echo $this->escape($this->title); ?></h1>
</body>
</html>

zf-tutorial/application/views/indexDelete.tpl.php

<html>
<head>
<title><?php echo $this->escape($this->title); ?></title>
</head>
<body>
<h1><?php echo $this->escape($this->title); ?></h1>
</body>
</html>

Po przetestowaniu każdego z kontroler/akcja powinniśmy zobaczyć nasze cztery pogrubione tytuły.

Kategorie

Spis treści

O autorze

Podobne Artykuły

Nowe artykuły

Pierwsze kroki z Zend Framework

Tworzymy widok