Documentation · Chapitre 09

Organiser routes, layouts et styles.

Une vraie interface exige plus que des boutons : routes explicites, layout partagé, états de chargement, CSS local, ressources et navigation accessible.

Chaque leçon part du problème, explique le mécanisme puis propose une vérification concrète.

Structure fondée sur les fichiers

Les pages vont dans src/views/pages, les éléments partagés dans components, les layouts dans layouts et Loading/Error/NotFound dans states.

phpaml — zsh
src/views/
├── pages/home/page.php
├── components/TaskRow.php
├── layouts/AppLayout.php
├── states/{Loading,Error,NotFound}.php
└── stylesheets/pages/home.css

Importer le CSS explicitement

import('pages/home.css') se place hors de la classe et résout seulement un CSS local de src/views/stylesheets. Traversée et URL distante sont refusées.

Naviguer dans RouterView

RouterView actualise la zone active, l’historique, les métadonnées, le focus et les états de route sans remplacer tout le document.