Symfony - 4.1 Composants de base : MVC, Twig et extensions VS Code

Symfony repose sur le modèle MVC, qui répartit le travail entre le modèle, la vue et le contrôleur. Cette leçon explique ce découpage, puis prépare votre environnement avec le moteur de templates Twig et des extensions pour VS Code. Ces notions reviendront dans les leçons suivantes.

Le modèle MVC

MVC signifie modèle, vue et contrôleur. Ce découpage répartit le travail entre plusieurs parties du projet et facilite la maintenance de l'application.

Le modèle gère les données, la vue affiche l'information, et le contrôleur relie les deux. Le détail de chaque élément est présenté dans les leçons suivantes.

Installer le moteur de templates Twig

Twig est le moteur de templates de Symfony. Il permet d'écrire du HTML avec des variables et des blocs, dans une syntaxe plus claire que le PHP mélangé au HTML.

Installez Twig avec Composer, en lançant la commande ci-dessous depuis le dossier du projet. Vérifiez ensuite que Twig apparaît dans le fichier composer.json.

composer require twig

Configurer Visual Studio Code

Deux extensions facilitent le travail : Twig, pour écrire les templates, et Symfony, pour le projet. Vous pouvez les trouver dans la Marketplace de Visual Studio Code.

Si une extension ne correspond pas à votre version de l'éditeur, cherchez-la dans la Marketplace et choisissez la version compatible.

  • Installer l'extension Twig.
  • Installer l'extension Symfony.

En résumé

Symfony sépare les données, l'affichage et la logique grâce au modèle MVC. Twig, installé avec Composer, sert à écrire les vues. Deux extensions VS Code facilitent ensuite l'écriture du code Twig et du projet Symfony.

Points clés

  • MVC signifie modèle, vue et contrôleur.
  • Le modèle gère les données, la vue affiche et le contrôleur relie les deux.
  • Twig est le moteur de templates de Symfony.
  • La commande composer require twig installe Twig dans le projet.
  • Les extensions Twig et Symfony facilitent le travail dans VS Code.

Questions fréquentes

Que signifie MVC ?

MVC signifie modèle, vue et contrôleur. Ce découpage sépare les données, l'affichage et la logique du projet.

À quoi sert Twig ?

Twig est le moteur de templates de Symfony. Il permet d'écrire le HTML des pages avec des variables et des blocs.

Où trouver une extension compatible avec ma version de VS Code ?

Dans la Marketplace de Visual Studio Code, où vous pouvez choisir la version qui convient à votre éditeur.