Chapitre 3 : View

La vue est la couche de présentation de l’application MVC. Elle

affiche les éléments graphiques et les données récupérées du
contrôleur, Elle est composée principalement de code HTML
avec des boucles et conditions TWIG

TWIG
TWIG est un moteur de template développé par Symfony. Il
vous permet d’écrire des templates bien structurés et lisibles
d’une manière très simple

Syntaxe
{{ ... }}, utilisé pour afficher le contenu d'une variable

{% ... %}, utilisé pour exécuter une logique, telle qu’une

condition ou une boucle.

{# … #} Syntaxe des commentaires. Utilisé pour ajouter un

commentaire sur une ou plusieurs lignes.
ynofmyS ceva bew tnemeppolevéD

Variables
Variable à partir de contrôleur

Dans le fichier TWIG :

Dans le contrôleur

Résultat :
ynofmyS ceva bew tnemeppolevéD
 Création de variable dans TWIG

Résultat :
ynofmyS ceva bew tnemeppolevéD

Conditions
Syntaxe :
 Example :

Résultat:

Boucles
ynofmyS ceva bew tnemeppolevéD

Tableau simple
 Example :

Dans le contrôleur

Dans le fichier TWIG :

Résultat :
ynofmyS ceva bew tnemeppolevéD
 Tableau multidimensionnel

Example :

Dans le contrôleur

Dans le fichier TWIG :

ynofmyS ceva bew tnemeppolevéD
 Résultat :

{{ my_array|length}} renvoie la taille de tableau

Héritage de Templates
La partie la plus puissante de Twig est l’héritage des modèles
(Templates). L’héritage des Templates vous permet de créer un modèle
«squelette» de base qui contient tous les éléments communs de votre
site
ynofmyS ceva bew tnemeppolevéD
 Les étape de création d'un template :
Etape 1 : Créer un template parent dans le répertoire Template

Etape 2 : Définir des blocs (header,footer,etc...) dans le template

parent :
ynofmyS ceva bew tnemeppolevéD

parent.html.twig
 Etape 3 : appeler le template parent dans les pages enfants

fils.html.twig

Résultat :
ynofmyS ceva bew tnemeppolevéD

Fichier media(js, css,

image)
les fichiers média sont situés dans le répertoire public, pour accéder à
ces fichiers vous devez utiliser la fonction {{ asset(' chemin ') }} qui
prend comme paramètre le chemin de ces fichiers dans le répertoire
public
 Résultat :
ynofmyS ceva bew tnemeppolevéD