Chapitre 1010 | Projet Include v2 – CDUI <code is my friend>

version 02

Arborescence

Explication de la logique de `index.php`

Lorsque vous ouvrez index.php, le programme commence par regarder s’il y a un numéro d’article dans l’adresse (URL), comme ?article=02. Si un numéro est présent, il essaie d’afficher l’article correspondant ; sinon, il choisit automatiquement d’afficher l’article 01.

Ensuite, le programme décide quel article inclure :

S’il trouve le fichier correspondant (par exemple, articles/article02.html), il l’affiche.
S’il ne trouve pas le fichier, il affiche toujours l’article 01 (par défaut).

Pour construire la page, le programme assemble des morceaux :

La balise <head> contenant les styles et métadonnées.
L’en-tête (_header.html) avec le titre et les liens vers les 5 articles.
L’article sélectionné.
Le pied de page (_footer.html).

Explication du `header`

Le fichier _header.html affiche un menu simple contenant les liens vers les 5 articles. Chaque lien ajoute un paramètre ?article=XX à l’adresse pour indiquer quel article afficher.

Par exemple, le lien :
<a href="index.php?article=02">Article 02</a> conduit à l’article 02.

Explication du `head`

Le fichier _head.html configure la structure de base de la page HTML :

Il définit le charset (UTF-8), les styles CSS et le titre du site.

Explication du `footer`

Le pied de page est simple :

Il clôture la balise <main> et affiche un message de copyright.

A propos de Index.php

<?php
// Récupération du numéro d'article depuis l'URL (GET)
// Si aucun numéro n'est fourni, on utilise "01" par défaut
$articleNumber = isset($_GET['article']) ? $_GET['article'] : '01';

// Construction du chemin vers le fichier article correspondant
$articleFile = "articles/article" . htmlspecialchars($articleNumber) . ".html";

// Vérification : Si le fichier existe, on l'utilise. Sinon, on charge le fichier par défaut.
if (file_exists($articleFile)) {
    $articleToInclude = $articleFile;
} else {
    $articleToInclude = "articles/article01.html"; // Article par défaut
}

// Inclusion des différentes parties de la page
?>
<?php include 'template_part/_head.html'; ?> <!-- Inclut la partie <head> -->
<?php include 'template_part/_header.html'; ?> <!-- Inclut le header -->
<?php include $articleToInclude; ?> <!-- Inclut l'article dynamiquement -->
<?php include 'template_part/_footer.html'; ?> <!-- Inclut le footer -->

Explication du script

Le script commence par se demander : « Quel article je dois afficher ? ». Pour cela, il regarde dans l’adresse (URL) si un numéro d’article a été demandé. Par exemple, si quelqu’un visite : index.php?article=02, le script comprend qu’il faut afficher l’article 02.

Mais que se passe-t-il si aucun numéro d’article n’est précisé ? Eh bien, dans ce cas, le script se dit : « Pas de problème ! Je vais afficher l’article 01 par défaut. »

Une fois qu’il sait quel numéro d’article afficher, le script construit le chemin du fichier correspondant. Il se dit : « L’article 02 doit être dans le fichier articles/article02.html. Allons vérifier s’il existe ! »

Si le fichier existe, il s’exclame : « Parfait ! J’ai trouvé l’article ! » et décide de l’afficher.
Si le fichier n’existe pas (par exemple, si quelqu’un demande un numéro d’article qui n’a pas encore été créé), il répond calmement : « Je vais plutôt afficher l’article 01, comme ça je suis sûr que la page ne sera pas vide. »

Ensuite, il passe à la construction de la page. Le script assemble les différentes parties :

D’abord, il inclut le fichier _head.html pour poser les fondations de la page (comme un architecte qui pose les bases d’une maison).
Puis, il ajoute l’en-tête avec _header.html, qui contient le titre et le menu de navigation pour passer d’un article à l’autre.
Ensuite, il inclut l’article choisi, soit celui demandé dans l’URL, soit l’article 01 par défaut.
Enfin, il termine la page avec le pied de page _footer.html.

Le script travaille comme un bon hôte : il vérifie ce que l’utilisateur demande, trouve le bon contenu ou propose une alternative si quelque chose manque, puis assemble tout dans une page complète.

A propos de header.php

<header>
    <h1>PHPinclude</h1>
    <nav>
        <ul>
            <li><a href="index.php?article=01">Article 01</a></li>
            <li><a href="index.php?article=02">Article 02</a></li>
            <li><a href="index.php?article=03">Article 03</a></li>
            <li><a href="index.php?article=04">Article 04</a></li>
            <li><a href="index.php?article=05">Article 05</a></li>
        </ul>
    </nav>
</header>

<main>

Explication du script

Le script commence par afficher un titre pour la page, ici « PHPinclude ».

Ensuite, il construit un menu de navigation. Ce menu est une liste avec des liens, chacun pointant vers un article spécifique. Mais ce n’est pas un menu ordinaire : il utilise une astuce ! Il passe des informations directement dans l’URL pour indiquer au script quel article doit être affiché.

Mais que se passe-t-il ensuite ?

C’est là qu’index.php entre en jeu. C’est ce fichier qui interprète la variable passée dans l’URL pour décider quel article afficher.

Le script index.php commence par regarder si un numéro d’article a été envoyé dans l’URL. Si oui, il utilise ce numéro pour construire le chemin du fichier correspondant (par exemple, articles/article02.html).
Ensuite, il vérifie si ce fichier existe :
- Si le fichier existe, l’article est inclus et affiché.
- Si le fichier n’existe pas, le script affiche par défaut l’article 01 pour éviter que la page reste vide.

En résumé :

Le menu dans le header agit comme une télécommande : chaque bouton (lien) envoie un message à index.php.
C’est index.php qui fait tout le travail : il comprend la demande, va chercher l’article correspondant, et l’affiche dans la page.

Chapitre 1010 | Projet Include v2

Explication de la logique de index.php

Explication du header

Explication du head