Accéder au contenu principal

[PHP] Faire un petit MVC avec des routes

Pour bon nombre de petits projets, il n'est pas nécessaire de taper dans les frameworks MVC comme Zend ou Symphony qui sont très lourds et un petit truc maison doit suffire. Je vais essayer de donner quelques tuyaux pour pouvoir faire son MVC maison avec des routes qui dirigent vers les contrôleurs et les actions.
Tout d'abord, il faut créer un fichier index.php à la racine de votre site qui va contenir le lien vers tout ce dont vous avez besoin pour faire vos routes. Ensuite, vous devez créer un dossier controlleur (si vous voulez reproduire la faute de frappe de l'exemple) dans lequel vous aurez tous vos contrôleurs. Vous pouvez éventuellement diviser ce dossier en plusieurs dossiers distincts qui contiendront les différentes parties de votre site. Veillez à appeler vos classes en rapport avec vos règles de is_callable. Dans mon exemple, le chemin vers le dossier est en minuscule et la première lettre du fichier est en majuscule. Par exemple : la classe /controlleur/frontend/index.php sera frontendIndex.
Contenu de /index.php
Nous devons rediriger tous les appels de pages vers ce fichier index pour pouvoir traiter les routes.
Le fichier routing va vous permettre de créer votre interface de routage. Il se trouve chez moi dans /includes/routing.php
Enfin, vous allez devoir définir les routes que vous souhaitez utiliser. Personnelement, j'ai placé ce fichier dans /includes/routes.php. Chaque ligne définit une route :
Dans un prochain post, nous verrons comment créer des liens à la volée grâce à ces routes.

Commentaires

  1. Bonjour,

    les lignes ci-dessous doivent être placé dans quel fichier ?

    "RewriteEngine On
    RewriteBase /
    RewriteRule ^index\.html$ index.php?page=/
    RewriteRule ^([a-zA-Z0-9-]*\.html)$ index.php?page=$1 [L,QSA]"

    RépondreSupprimer
    Réponses
    1. Ces lignes doivent être placées dans un fichier .htaccess si vous utilisez apache et dans un fichier de configuration si vous utilisez nginx (elles doivent être traduites avant). N'ayant pas des connaissances étendues d'nginx, je ne pourrais pas vous aider plus.

      Supprimer
    2. Merci la rapidité de votre réponse. Je travaille actuellement en local avec Wamp. J'ai mis en place le fichier .htaccess et la redirection vers la page de connexion de mon site fonctionne. Cependant, le lien pour la page d'accueil, lui, ne fonctionne pas.

      // Déclaration de la page d'accueil
      $fmk->initIndexRoute("connexion","", "Controller/connexion.php", "index");
      //cette ligne crée une route les arguments sont le nom, l'adresse lisible, le chemin vers le contrôleur et l'action
      $fmk->initRoute("accueil", "accueil", "Controller/accueil.php", "index");

      J'utilise l'adresse suivant pour accéder à la page de connexion :
      http://localhost/EasyStage/

      Donc normalement l'adresse http://localhost/EasyStage/accueil devrait me rediriger vers la bonne page non ?

      Supprimer
    3. Il est nécessaire que vous ayez créer le controller correspondant dans votre dossier Controller. De plus, vous devez adapter votre .htaccess pour que les pages sans ".html" fonctionnent également car ce n'est pas prévu dans le .htaccess que j'ai fourni. accueil.html doit fonctionner, non ?

      Supprimer
    4. D'accord. Je n'ai aucune connaissance en .htaccess, c'est peut-être de la que vient le problème. Et pour répondre a votre question, non. Je suis redirigé vers l'accueil du serveur wamp. J'ai tenté de reprendre la ligne ci-dessous en ne modifiant que le controleur mais rien n'y fait

      $fmk->initRoute("realisations", "realisations.html", "Controller/accueil.php", "index");

      Supprimer
    5. Dans ce cas, il faut que vous modifiez le RewriteBase...

      Par exemple :
      RewriteBase /EasyStage/

      Normalement, cela devrait solutionner le problème de redirection vers la base de wamp.

      Supprimer
    6. En effet, le problème semble être solutionné.
      Merci beaucoup pour votre aide !

      Supprimer
    7. J'aurais juste une dernière requête. J'ai voulu modifié le fichier .htaccess que vous avez fourni pour prendre en compte les extensions .php plutôt que .html mais cela ne semble pas trop fonctionné. Je me retrouve avec une erreur PHP m'indiquant que le nom du fichier ne peut pas être vide ?

      Erreur php :

      Warning: include(): Filename cannot be empty in C:\wamp\www\EasyStage\index.php on line 20

      .htaccess :

      RewriteEngine On
      RewriteBase /EasyStage/
      RewriteRule ^index\.html$ index.php?page=/
      RewriteRule ^([a-zA-Z0-9-]*\.php)$ index.php?page=$1 [L,QSA]

      Supprimer
    8. C'est possible de le mettre en place mais un tout petit peu plus compliqué. Je pense qu'il faut exclure des dossiers des redirections pour que les fichiers php annexes (hors vues) ne soient pas pris en compte.
      Pour l'instant, init.php est redirigé vers index.php?page=init et la route n'est pas trouvée. Cela se fait avec des RewriteCond.

      Par exemple (pour que tous les fichiers sous includes ne soient pas traités) :
      RewriteCond %{REQUEST_URI} !includes/.*

      PS : je suis moins sûr pour ce problème que pour les autres soucis que vous avez rencontrés

      Supprimer
    9. Puis-je vous contacter par email ? ça serait bien plus simple

      Supprimer
    10. J'ai réglé le problème. Il faut définir une route avec pour chemin index.php et ça fonctionne :-)

      Supprimer
  2. Bonjour, je sais que cet article est vieux mais je m'y interesse :)
    Je ne comprends pas l'utilisation et l’intérêt du 4eme param dans $fmk->initRoute();
    Est-ce un param a utiliser dans le contrôleur pour la modèle ?
    SI c'est le cas, avez-vous un exemple svp ?
    Merci d'avance.

    RépondreSupprimer
    Réponses
    1. Bonjour,

      Je n'ai pas les sources de ce projet sous la main mais le quatrième paramètre est l'action à appeler. On va charger le fichier contenant le controller dans l'exemple ça sera realisation.php et dans ce contrôleur, on appellera la fonction qui sera nommé index() si mes souvenirs sont bon. On pourra avoir pour un même fichier les différentes actions correspondant au CRUD (Create Read Update Delete). Par exemple, on pourra avoir un contrôleur qui s'appelle utilisateur avec les actions create, list, show, edit et delete. Le dernier paramètre d'initRoute servira à savoir quelle action on veut appeler.
      Pour finir, si la création d'un MVC comme ça est intéressant pour comprendre les principes de ce pattern, il vaut mieux avoir recours à des framework du marché comme symfony qui sont plus robustes.

      Supprimer
    2. Super, merci tu en as fait bien asse pour que je comprenne :)

      Supprimer

Enregistrer un commentaire

Posts les plus consultés de ce blog

[jQuery-ui] Mettre en place plusieurs boutons coulissants

Ce blog est crée à cause du mal que j'ai eu autant de mal en anglais qu'en français à trouver les ressources me permettant de mettre en place des boutons coulissants qui interagissent entre eux et qui soient un peu customisés. Comme un exemple vaut souvent mieux que de longs discours, je voulais faire le simulateur de crédit disponible sur http://www.meilleur-credit.org/ . Pour cela, il fallait que le changement de montant ou de durée puisse influer sur la mensualité. J'ai eu recours pour me simplifier la vie à jQuery-UI (comme User Interface) qui permet d'avoir des boutons coulissants (appelés Sliders dans la langue de Shakespeare ou Seek bars pour l'interface android). La mise en place graphique La mise en place est assez simple pour avoir une apparence standard mais elle se complique un peu si on veut une apparence plus personnalisée. J'ai essayé de dire à mon graphiste que je m'en foutais mais vous savez, vous développeurs, comment ils son

Injecter des icônes font-awesome via JavaScript

Les icônes de font-awesome sont traduites en SVG ( Scalable Vector Graphics) à la volée grâce à un script. Le problème quand on injecte du HTML dans le DOM est que le script ne s'exécute pas correctement et l'icône n’apparaît pas. Pour palier à cela, il est possible d'utiliser un générateur de ressources qui est embarqué dans la librairie font-awesome. Pour éviter au script de s'exécuter sur des icônes qui se répètent, la librairie comprend un script qui permet de traduire une seule fois l'image en SVG pour être réutiliser dans des listes. Comme disent les anglo-saxons, et voilà ! Il y a d'autres exemples d'utilisation :  https://fontawesome.com/how-to-use/on-the-web/advanced/svg-symbols