Latte használata Slim 4-gyel

Ez a cikk, amelynek szerzője Daniel Opitz, a Latte használatát írja le a Slim Frameworkkel.

Először telepítse a Slim Frameworköt, majd a Latte-t a Composer segítségével:

composer require latte/latte

Konfiguráció

A projekt gyökérkönyvtárában hozzon létre egy új templates könyvtárat. Minden sablon később ebbe kerül.

A config/defaults.php fájlba adjon hozzá egy új template konfigurációs kulcsot:

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

A Latte lefordítja a sablonokat natív PHP kódra, és a lemezen lévő gyorsítótárban tárolja őket. Így ugyanolyan gyorsak, mintha natív PHP nyelven írták volna őket.

A config/defaults.php fájlba adjon hozzá egy új template_temp konfigurációs kulcsot: Győződjön meg róla, hogy a {project}/tmp/templates könyvtár létezik, és rendelkezik olvasási és írási jogokkal.

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

A Latte automatikusan újragenerálja a gyorsítótárat minden sablonváltozáskor, amit a produkciós környezetben ki lehet kapcsolni, hogy egy kis teljesítményt spóroljunk:

// v produkčním prostředí změňte na false
$settings['template_auto_refresh'] = true;

Továbbá adjon hozzá egy DI konténer definíciót a Latte\Engine osztályhoz.

<?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;
	},
];

Maga a Latte sablon renderelése technikailag működne, de biztosítanunk kell, hogy a PSR-7 response objektummal is működjön.

Ehhez létrehozunk egy speciális TemplateRenderer osztályt, amely ezt a munkát elvégzi helyettünk.

Továbbá hozzon létre egy src/Renderer/TemplateRenderer.php fájlt, és másolja/illessze be ezt a kódot:

<?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;
	}
}

Használat

A Latte Engine objektum közvetlen használata helyett a TemplateRenderer objektumot használjuk a sablon PSR-7 kompatibilis objektumba történő rendereléséhez.

Egy tipikus akciókezelő osztály így nézhet ki: Rendereli a home.latte nevű sablont:

<?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);
	}
}

Ahhoz, hogy ez működjön, hozzon létre egy sablonfájlt a templates/home.latte helyen ezzel a tartalommal:

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

Ha minden helyesen van konfigurálva, a következő kimenetnek kell megjelennie:

One
Two
Three