MVC avec Node.js et Express

resasalles-web/
├── .env                        ← paramètres de connexion, hors de Git
├── package.json
└── src/
    ├── server.js               ← démarre l'écoute
    ├── app.js                  ← crée l'application et assemble les pièces
    ├── db.js                   ← le pool de connexions mysql2
    ├── routes/
    │   └── salle.routes.js
    ├── controllers/
    │   └── salle.controller.js
    ├── models/
    │   └── salle.model.js
    └── views/
        ├── erreur.ejs
        └── salles/
            ├── liste.ejs
            └── detail.ejs

{
  "name": "resasalles-web",
  "type": "module",
  "scripts": {
    "dev": "node --watch --env-file=.env src/server.js",
    "start": "node --env-file=.env src/server.js"
  },
  "dependencies": {
    "ejs": "^7.0.2",
    "express": "^5.3.0",
    "mysql2": "^3.24.6"
  }
}

// src/db.js
import mysql from 'mysql2/promise';

// Un seul pool pour toute l'application ; les paramètres viennent de l'environnement (.env).
export const pool = mysql.createPool({
  host: process.env.DB_HOST,
  user: process.env.DB_USER,
  password: process.env.DB_PASSWORD,
  database: process.env.DB_NAME,
  connectionLimit: 10,
});

// src/models/salle.model.js
// Le modèle : les données des salles et le SQL qui va avec. Aucune trace de req ni de res.
export function creerSalleModel(pool) {
  return {
    async lister() {
      const [lignes] = await pool.execute('SELECT id, nom, capacite, visio FROM salle ORDER BY nom');
      return lignes;
    },

    async trouverParId(id) {
      const [lignes] = await pool.execute('SELECT id, nom, capacite, visio FROM salle WHERE id = ?', [id]);
      return lignes[0] ?? null;
    },

    async reservations(id) {
      const [lignes] = await pool.execute(
        'SELECT debut, fin, objet FROM reservation WHERE salle_id = ? ORDER BY debut',
        [id],
      );
      return lignes;
    },
  };
}

// src/controllers/salle.controller.js
// Le contrôleur : lit la requête, appelle le modèle, choisit la vue.
export function creerSalleController(salleModel) {
  return {
    async liste(req, res) {
      const salles = await salleModel.lister();
      res.render('salles/liste', { salles });
    },

    async detail(req, res) {
      const id = Number(req.params.id);
      const salle = Number.isInteger(id) ? await salleModel.trouverParId(id) : null;
      if (!salle) {
        return res.status(404).render('erreur', { titre: 'Salle introuvable', message: "Cette salle n'existe pas." });
      }
      const reservations = await salleModel.reservations(id);
      res.render('salles/detail', { salle, reservations });
    },
  };
}

// src/routes/salle.routes.js
import { Router } from 'express';

// Les routes : quelle URL déclenche quelle action du contrôleur.
export function creerSalleRoutes(salleController) {
  const router = Router();
  router.get('/', salleController.liste);
  router.get('/:id', salleController.detail);
  return router;
}

<!-- src/views/salles/liste.ejs -->
<h1>Les salles</h1>
<ul>
  <% for (const salle of salles) { %>
    <li>
      <a href="/salles/<%= salle.id %>"><%= salle.nom %></a>
      (<%= salle.capacite %> places<%= salle.visio ? ', visio' : '' %>)
    </li>
  <% } %>
</ul>

<!-- src/views/salles/detail.ejs -->
<h1><%= salle.nom %></h1>
<p><%= salle.capacite %> places</p>
<% if (reservations.length === 0) { %>
  <p>Aucune réservation.</p>
<% } else { %>
  <ul>
    <% for (const r of reservations) { %>
      <li><%= r.debut.toLocaleString("fr-FR") %> → <%= r.fin.toLocaleTimeString("fr-FR") %> : <%= r.objet %></li>
    <% } %>
  </ul>
<% } %>

Mont-Blanc
12 places
03/12/2026 09:00:00 → 10:30:00 : Point hebdo

// src/app.js
import express from 'express';
import { fileURLToPath } from 'node:url';
import { creerSalleModel } from './models/salle.model.js';
import { creerSalleController } from './controllers/salle.controller.js';
import { creerSalleRoutes } from './routes/salle.routes.js';

export function creerApp(pool) {
  const salleController = creerSalleController(creerSalleModel(pool));

  const app = express();
  app.set('view engine', 'ejs');
  app.set('views', fileURLToPath(new URL('./views', import.meta.url)));

  app.use('/salles', creerSalleRoutes(salleController));

  // Aucune route n'a répondu : 404.
  app.use((req, res) => {
    res.status(404).render('erreur', { titre: 'Page introuvable', message: "Cette page n'existe pas." });
  });
  // Une erreur a été levée (même dans une fonction async) : 500.
  app.use((err, req, res, next) => {
    console.error(err);
    res.status(500).render('erreur', { titre: 'Erreur', message: 'Une erreur est survenue.' });
  });
  return app;
}

// src/server.js
import { creerApp } from './app.js';
import { pool } from './db.js';

const port = Number(process.env.PORT ?? 3000);
creerApp(pool).listen(port, () => {
  console.log(`ResaSalles sur http://localhost:${port}`);
});

// La même action, pour une API : le JSON joue le rôle de la vue.
async detailJson(req, res) {
  const id = Number(req.params.id);
  const salle = Number.isInteger(id) ? await salleModel.trouverParId(id) : null;
  if (!salle) return res.status(404).json({ erreur: 'Salle introuvable' });
  res.json({ ...salle, visio: Boolean(salle.visio), reservations: await salleModel.reservations(id) });
},

GET /api/salles/1 HTTP/1.1

HTTP/1.1 200 OK
Content-Type: application/json; charset=utf-8

{"id":1,"nom":"Mont-Blanc","capacite":12,"visio":true,"reservations":[{"debut":"2026-12-03T08:00:00.000Z","fin":"2026-12-03T09:30:00.000Z","objet":"Point hebdo"}]}