Les Views : mettre en place le layout

Aujourd'hui, nous allons voir un aspect du MVC plus "léger" que les autres jours. En efet nous allons nous concentrer sur les Views (les templates) et la façon de les structurer et les organiser.

Le layout : un template pour les gouverner tous

Lorsqu'on travaille avec le MVC, on utilise un template principal qui va servir à assembler tous les autres, qui s'appelle la plupart du temps "layout". Dans certains moteurs de templates comme Twig, il peut s'appeler "base".

Pour les besoins du module, nous utiliserons layout.phtml.

Le but de ce template est de mettre en place la structure commune à toutes nos pages :

le DOCTYPE
les balises <html>, <head>, <body>, <title>, ...
les balises <meta> communes à toutes les pages comme le charset

Puis d'appeler selon les besoins les parties soit communes à plusieurs pages :

<header>
<footer>
<link>
...

Soit spécifiques à une page précise :

<main>
<meta> description
...

La structure minimale du layout

<!DOCTYPE html>
<html lang="">
    <head>
        <meta charset="utf-8" />
        <title></title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="" />
    </head>
    <body>
        <?php 
            require "templates/$template.phtml";
        ?>
    </body>
</html>

Vous aurez, à minima, un DOCTYPE et vos balises <html>, <head> et <body> et <title>. Vous aurez également la <meta> qui va gérer l'encodage de vos pages (charset) et celle qui va vous permettre de faire du responsive (viewport).

Vous aurez également le lien de votre fichier css principal et le require du template spécifique de votre page.

Vous allez ensuite, selon les besoins de votre projet, compléter ce layout avec différent partials (des morceaux de templates).

03 December 2025