Afficher une listge statique

Objectifs pédagogiques

• Définir un tableau de données statiques en PHP.
• Utiliser la structure foreach pour parcourir un tableau.
• Générer dynamiquement du HTML à partir de PHP.

Exercice pratique

1. Créer un fichier index.php.
2. Déclarer un tableau $tasks contenant 3 éléments.
3. Parcourir ce tableau avec foreach pour afficher chaque élément dans une liste <ul>.
4. Vérifier le rendu dans un navigateur à l’aide du serveur PHP interne :

php -S localhost:8000

Correction

Visualiser la correction

Introduction

Cette première étape du projet To-Do List consiste à afficher une liste de tâches statiques.

Cela permet de :

• poser les fondations de l'application,
• manipuler des tableaux simples,
• insérer dynamiquement du contenu HTML à l’aide de PHP.

Déclaration d'un tableau

On commence par définir un tableau contenant des tâches à effectuer :

<?php

$tasks = [
  "Faire les courses",
  "Réviser PHP",
  "Appeler Jean"
];

Chaque élément représente une chaîne de caractères.
Le tableau $tasks est une liste ordonnée (numérotée automatiquement par PHP).

Affichage dynamique en HTML

On peut utiliser une boucle foreach pour afficher chaque tâche dans une liste HTML :

<?php
$tasks = [
  "Faire les courses",
  "Réviser PHP",
  "Appeler Jean"
];
?>

<ul>
  <?php foreach ($tasks as $task): ?>
    <li><?= $task ?></li>
  <?php endforeach; ?>
</ul>

Résultat attendu :

<ul>
  <li>Faire les courses</li>
  <li>Réviser PHP</li>
  <li>Appeler Jean</li>
</ul>

On utilise ici la syntaxe alternative foreach: ... endforeach; qui est souvent plus lisible dans un fichier HTML.

À noter

• Le tableau est codé en dur : aucune interaction avec l’utilisateur à ce stade.
• C’est une étape de structure : le but est d’avoir une interface lisible générée côté serveur.
• La prochaine étape ajoutera du conditionnel (liste vide, etc.).