Développer des sites dynamiques en MVC

Développer des sites dynamiques en MVC | Med Learning

Leçon 1

Le principe du MVC

Le cycle d'une requête en MVC

txt

NAVIGATEUR ── 1. requête : index.php?action=liste ──► ROUTEUR (index.php)
                                                           │ 2. appelle la bonne action
                                                           ▼
                                                      CONTRÔLEUR
                                    3. demande les     │        ▲  4. renvoie les
                                       données         ▼        │     données
                                                      MODÈLE ◄──► base MySQL (SQL)
                                                           │
                         5. le contrôleur transmet les données à la VUE
                                                           ▼
NAVIGATEUR ◄──────────── 6. page HTML ─────────────── VUE (gabarit HTML)

Avantages	Inconvénients
code mieux organisé : chaque fichier a un rôle	plus complexe pour un tout petit site
réutilisation : un modèle sert à plusieurs pages, une vue à plusieurs données	plus de fichiers à gérer
maintenance et évolution plus simples : changer le design ne touche pas au SQL	demande un temps de conception
travail en équipe : l'intégrateur travaille sur les vues, le développeur sur les modèles
tests plus faciles (le modèle se teste seul)

Leçon 2

L'exemple du résumé : les commentaires

Leçon 3

Un routeur et plusieurs actions

Leçon 4

Le MVC orienté objet

Leçon 5

Les frameworks MVC de PHP

Framework	Particularité
Laravel	le plus populaire ; syntaxe élégante, ORM Eloquent, gabarits Blade, très complet
Symfony	composants réutilisables (Laravel en utilise plusieurs), très utilisé en entreprise en France et au Maroc
CodeIgniter	léger, simple à apprendre
CakePHP, Yii, Laminas (ex-Zend), Phalcon	autres frameworks complets
Slim, Lumen	micro-frameworks, pour les petites applications et les API

Travaux pratiques

TP · La gestion des stagiaires en MVC

Exercices

Exercice 9.1

Choisis la bonne réponse

1Dans MVC, la partie qui affiche la page HTML est…
2La partie qui exécute les requêtes SQL est…
3Le routeur est souvent dans index.php à la racine parce que…
4Le bon enchaînement est…
5Une vue peut contenir…
6Un inconvénient du MVC est…

0/6 répondues

Exercice 9.2

Range le code

L'essentiel du chapitre

À retenir

MVC : Modèle (données, SQL, règles métier), Vue (affichage HTML, sans logique), Contrôleur (reçoit la requête, appelle le modèle, choisit la vue).
Avantages : organisation, réutilisation, maintenance, travail en équipe, tests ; inconvénients : plus de fichiers, complexité pour un petit site.
Routeur index.php : point d'entrée unique, ?action=… → fonction ou méthode du contrôleur ; gabarit commun avec ob_start() ; URL propres avec mod_rewrite.
En objet : classes …Modele et …Controleur, autoload, injection de dépendances.
Frameworks : Laravel, Symfony, CodeIgniter, Slim.

La table des commentaires

sql

CREATE TABLE comments (
  id INT AUTO_INCREMENT PRIMARY KEY,
  auteur VARCHAR(50) NOT NULL,
  commentaire TEXT NOT NULL,
  date_commentaire DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP
);

modele.php

php

<?php
function bdConnect(): PDO
{
    static $bd = null;
    $bd ??= new PDO('mysql:host=localhost;dbname=test;charset=utf8mb4', 'app_test', 'Test#2026!', [
        PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION,
        PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC,
    ]);
    return $bd;
}

function getLastFiveComments(): array
{
    $req = bdConnect()->query(
        "SELECT id, auteur, commentaire,
                DATE_FORMAT(date_commentaire, '%d/%m/%Y à %Hh%i') AS date_fr
         FROM comments
         ORDER BY date_commentaire DESC
         LIMIT 5"
    );
    return $req->fetchAll();
}

function getCommentById(int $id): array|false
{
    $req = bdConnect()->prepare(
        "SELECT id, auteur, commentaire,
                DATE_FORMAT(date_commentaire, '%d/%m/%Y à %Hh%i') AS date_fr
         FROM comments WHERE id = ?"
    );
    $req->execute([$id]);
    return $req->fetch();
}

function addComment(string $auteur, string $texte): void
{
    $req = bdConnect()->prepare('INSERT INTO comments (auteur, commentaire) VALUES (?, ?)');
    $req->execute([$auteur, $texte]);
}

vue_liste.php

php

<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="utf-8">
  <title>Mon site web dynamique</title>
  <link href="style.css" rel="stylesheet">
</head>
<body>
  <h1>Bonjour</h1>
  <p>Derniers commentaires du site :</p>
  <?php foreach ($comments as $c): ?>
    <div class="news">
      <p>
        <strong><?= htmlspecialchars($c['auteur']) ?></strong> le <?= $c['date_fr'] ?><br>
        <?= nl2br(htmlspecialchars($c['commentaire'])) ?>
      </p>
    </div>
  <?php endforeach; ?>
</body>
</html>

index.php (version 1 : un seul contrôleur)

php

<?php
require 'modele.php';
$comments = getLastFiveComments();     // 1. demander les données au modèle
require 'vue_liste.php';               // 2. afficher la vue, qui utilise $comments

L'organisation des fichiers

txt

mvc/
├── index.php                 ← routeur : point d'entrée unique
├── controleur/
│   └── controleur.php        ← une fonction par action
├── modele/
│   └── modele.php            ← accès aux données
└── vue/
    ├── gabarit.php           ← le squelette HTML commun
    ├── liste.php
    ├── commentaire.php
    └── erreur.php

index.php (le routeur)

php

<?php
require 'controleur/controleur.php';

try {
    $action = $_GET['action'] ?? 'liste';
    match ($action) {
        'liste' => listeCommentaires(),
        'voir' => voirCommentaire((int) ($_GET['id'] ?? 0)),
        'ajouter' => ajouterCommentaire($_POST),
        default => throw new Exception("Action inconnue : $action"),
    };
} catch (Exception $e) {
    afficherErreur($e->getMessage());
}

controleur/controleur.php

php

<?php
require __DIR__ . '/../modele/modele.php';

function listeCommentaires(): void
{
    $comments = getLastFiveComments();
    afficher('liste', ['comments' => $comments, 'titre' => 'Derniers commentaires']);
}

function voirCommentaire(int $id): void
{
    $comment = getCommentById($id);
    if (!$comment) {
        throw new Exception('Commentaire introuvable.');
    }
    afficher('commentaire', ['comment' => $comment, 'titre' => 'Commentaire']);
}

function ajouterCommentaire(array $post): void
{
    $auteur = trim($post['auteur'] ?? '');
    $texte = trim($post['commentaire'] ?? '');
    if ($auteur === '' || $texte === '') {
        throw new Exception('Tous les champs sont obligatoires.');
    }
    addComment($auteur, $texte);
    header('Location: index.php?action=liste');
    exit;
}

function afficherErreur(string $message): void
{
    http_response_code(400);
    afficher('erreur', ['message' => $message, 'titre' => 'Erreur']);
}

function afficher(string $vue, array $donnees): void
{
    extract($donnees);                              // ['titre' => …] crée la variable $titre
    ob_start();                                     // capturer l'affichage de la vue…
    require __DIR__ . "/../vue/$vue.php";
    $contenu = ob_get_clean();                      // …dans la variable $contenu
    require __DIR__ . '/../vue/gabarit.php';        // puis l'insérer dans le gabarit commun
}

vue/gabarit.php : le squelette commun à toutes les pages

php

<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="utf-8">
  <title><?= htmlspecialchars($titre) ?></title>
  <link href="style.css" rel="stylesheet">
</head>
<body>
  <header><a href="index.php">Mon site</a></header>
  <main><?= $contenu ?></main>
  <footer>M107 · OFPPT</footer>
</body>
</html>

vue/liste.php : seulement le contenu propre à la page

php

<h1><?= htmlspecialchars($titre) ?></h1>
<?php foreach ($comments as $c): ?>
  <article>
    <a href="index.php?action=voir&amp;id=<?= $c['id'] ?>"><?= htmlspecialchars($c['auteur']) ?></a>
    <small><?= $c['date_fr'] ?></small>
    <p><?= nl2br(htmlspecialchars($c['commentaire'])) ?></p>
  </article>
<?php endforeach; ?>
<form method="post" action="index.php?action=ajouter">
  <input name="auteur" placeholder="Ton nom" required>
  <textarea name="commentaire" placeholder="Ton commentaire" required></textarea>
  <button>Publier</button>
</form>

.htaccess : /commentaire/12 au lieu de index.php?action=voir&id=12

apacheconf

RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^commentaire/([0-9]+)$ index.php?action=voir&id=$1 [L,QSA]
RewriteRule ^commentaires$ index.php?action=liste [L,QSA]

src/Modele/CommentaireModele.php

php

<?php
namespace App\Modele;

use PDO;

class CommentaireModele
{
    public function __construct(private PDO $pdo) {}

    public function derniers(int $n = 5): array
    {
        $req = $this->pdo->prepare('SELECT * FROM comments ORDER BY date_commentaire DESC LIMIT :n');
        $req->bindValue('n', $n, PDO::PARAM_INT);
        $req->execute();
        return $req->fetchAll();
    }
}

src/Controleur/CommentaireControleur.php

php

<?php
namespace App\Controleur;

use App\Modele\CommentaireModele;

class CommentaireControleur
{
    public function __construct(private CommentaireModele $modele) {}

    public function liste(): void
    {
        $comments = $this->modele->derniers();
        require __DIR__ . '/../../vue/liste.php';
    }
}

php

<?php
$pdo = new PDO('mysql:host=localhost;dbname=boutique;charset=utf8mb4', 'app', 'Mdp#2026');
$produits = $pdo->query('SELECT nom, prix FROM produits ORDER BY prix')->fetchAll(PDO::FETCH_ASSOC);
?>
<h1>Nos produits</h1>
<ul>
<?php foreach ($produits as $p): ?>
  <li><?= htmlspecialchars($p['nom']) ?> : <?= number_format($p['prix'], 2, ',', ' ') ?> DH</li>
<?php endforeach; ?>
</ul>