Verwendung von Latte mit Slim 4
*******************************

.[perex]
Dieser Artikel von "Daniel Opitz":https://odan.github.io/2022/04/06/slim4-latte.html beschreibt, wie man Latte mit dem Slim Framework verwendet.

Zuerst "installieren Sie das Slim Framework":https://odan.github.io/2019/11/05/slim4-tutorial.html und dann Latte mit Composer:

```shell
composer require latte/latte
```


Konfiguration .[#toc-configuration]
-----------------------------------

Erstellen Sie ein neues Verzeichnis `templates` in Ihrem Projekt-Stammverzeichnis. Alle Vorlagen werden später dort abgelegt.

Fügen Sie einen neuen Konfigurationsschlüssel `template` in Ihrer Datei `config/defaults.php` hinzu:

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

Latte kompiliert die Vorlagen in nativen PHP-Code und speichert sie in einem Cache auf der Festplatte. So sind sie so schnell, als wären sie in nativem PHP geschrieben worden.

Fügen Sie einen neuen Konfigurationsschlüssel `template_temp` in Ihrer Datei `config/defaults.php` hinzu: Stellen Sie sicher, dass das Verzeichnis `{project}/tmp/templates` existiert und Lese- und Schreibrechte besitzt.

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

Latte regeneriert den Cache automatisch bei jeder Änderung der Vorlage, was in der Produktionsumgebung ausgeschaltet werden kann, um ein wenig Leistung zu sparen:

```php
// in der Produktionsumgebung auf false ändern
$settings['template_auto_refresh'] = true;
```

Als nächstes fügen Sie eine DI-Container-Definition für die Klasse `Latte\Engine` hinzu.

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

Dies allein würde technisch funktionieren, um eine Latte-Vorlage zu rendern, aber wir müssen es auch mit dem PSR-7-Antwortobjekt funktionieren lassen.

Zu diesem Zweck erstellen wir eine spezielle `TemplateRenderer` Klasse, die diese Arbeit für uns erledigt.

Als Nächstes erstellen Sie eine Datei in `src/Renderer/TemplateRenderer.php` und fügen diesen Code per Copy/Paste ein:

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


Verwendung .[#toc-usage]
------------------------

Anstatt das Latte-Engine-Objekt direkt zu verwenden, benutzen wir das `TemplateRenderer` -Objekt, um die Vorlage in ein PSR-7-kompatibles Objekt zu verwandeln.

Eine typische Action-Handler-Klasse könnte wie folgt aussehen, um eine Vorlage mit dem Namen `home.latte` zu rendern:

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

Damit dies funktioniert, erstellen Sie eine Vorlagendatei in `templates/home.latte` mit diesem Inhalt:

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

Wenn alles richtig konfiguriert ist, sollten Sie die folgende Ausgabe sehen:

```latte
One
Two
Three
```

{{priority: -1}}
{{leftbar: /@left-menu}}