Używanie Latte ze Slim 4

Ten artykuł napisany przez Daniela Opitza opisuje, jak używać Latte ze Slim Frameworkiem.

Najpierw zainstaluj Slim Framework, a potem Latte za pomocą Composera:

composer require latte/latte

Konfiguracja

W katalogu głównym projektu utwórz nowy katalog templates. Później umieścisz w nim wszystkie szablony.

W pliku config/defaults.php dodaj nowy klucz konfiguracyjny template:

$settings['template'] = __DIR__ . '/../templates';

Latte kompiluje szablony do natywnego kodu PHP i przechowuje je w cache na dysku. Są więc tak szybkie, jakby były napisane w natywnym PHP.

W pliku config/defaults.php dodaj nowy klucz konfiguracyjny template_temp: upewnij się, że katalog {project}/tmp/templates istnieje i ma uprawnienia do odczytu i zapisu.

$settings['template_temp'] = __DIR__ . '/../tmp/templates';

Latte automatycznie odświeża cache za każdym razem, gdy zmienisz szablon, co w środowisku produkcyjnym można wyłączyć, aby oszczędzić odrobinę wydajności:

// w środowisku produkcyjnym zmień na false
$settings['template_auto_refresh'] = true;

Następnie dodaj definicję kontenera DI dla klasy Latte\Engine.

<?php

use Latte\Engine;
use Latte\Loaders\FileLoader;
use Psr\Container\ContainerInterface;
// ...

return [

	// ...

	Engine::class => function (ContainerInterface $container) {
		$latte = new Engine();
		$settings = $container->get('settings');
		$latte->setLoader(new FileLoader($settings['template']));
		$latte->setTempDirectory($settings['template_temp']);
		$latte->setAutoRefresh($settings['template_auto_refresh']);

		return $latte;
	},
];

Technicznie to samo w sobie wystarczyłoby do wyrenderowania szablonu Latte, ale musimy jeszcze sprawić, by działało z obiektem odpowiedzi PSR-7.

W tym celu tworzymy specjalną klasę TemplateRenderer, która wykona tę pracę za nas.

Utwórz więc plik src/Renderer/TemplateRenderer.php i wklej do niego ten kod:

<?php

namespace App\Renderer;

use Latte\Engine;
use Psr\Http\Message\ResponseInterface;

final class TemplateRenderer
{
	public function __construct(
		private Engine $engine,
	) {
	}

	public function template(
		ResponseInterface $response,
		string $template,
		array $data = [],
	): ResponseInterface
	{
		$string = $this->engine->renderToString($template, $data);
		$response->getBody()->write($string);

		return $response;
	}
}

Użycie

Zamiast używać obiektu Latte Engine bezpośrednio, użyjemy obiektu TemplateRenderer, aby wyrenderować szablon do obiektu zgodnego z PSR-7.

Typowa klasa obsługująca akcję, która renderuje szablon o nazwie home.latte, może wyglądać tak:

<?php

namespace App\Action\Home;

use App\Renderer\TemplateRenderer;
use Psr\Http\Message\ResponseInterface;
use Psr\Http\Message\ServerRequestInterface;

final class HomeAction
{
	public function __construct(
		private TemplateRenderer $renderer,
	) {
	}

	public function __invoke(
		ServerRequestInterface $request,
		ResponseInterface $response,
	): ResponseInterface
	{
		$viewData = [
			'items' => ['one', 'two', 'three'],
		];

		return $this->renderer->template($response, 'home.latte', $viewData);
	}
}

Aby to zadziałało, utwórz plik szablonu templates/home.latte o takiej treści:

<ul n:if=$items>
	{foreach $items as $item}
		<li id="item-{$iterator->counter}">{$item|capitalize}</li>
	{/foreach}
</ul>

Jeśli wszystko jest poprawnie skonfigurowane, powinieneś zobaczyć taki wynik:

One
Two
Three