Au cours de la leçon précédente, nous avons créé une application par défaut avec NativePHP et l’avons ouverte dans le navigateur. L’adresse par défaut est : http://127.0.0.1:8000/
Cette page est essentiellement une page web, ce qui n’est pas du tout gênant. L’affichage de l’interface de NativePHP est réalisé avec HTML, CSS et JS. Alors, comment modifier cette interface ?
Tous les fichiers d’affichage de l’interface se trouvent dans le dossier resources à la racine du projet
Sur mon ordinateur, le chemin est celui-ci :
En l’ouvrant, vous découvrirez ces sous-dossiers :
Les dossiers css et js stockent respectivement les styles et les scripts, tandis que views contient les fichiers PHP des pages. Dans views, vous trouverez ces fichiers
Ouvrez le fichier welcome.blade.php
Une partie du contenu se présente comme ceci :
Cela vous rappelle quelque chose ? C’est votre code PHP. Essayons de le modifier
Repérez la partie du sous-titre :
<p class="subtitle">Your app is ready.</p>Langage du code : HTML, XML (xml)Ajoutez une phrase à la fin :
<p class="subtitle">Your app is ready.welcome to foxdevelop.com</p>Langage du code : HTML, XML (xml)Enregistrez, puis actualisez la page http://127.0.0.1:8000/
Vous verrez que le sous-titre de l’interface affiche désormais le texte modifié. Testez vous-même. NativePHP n’impose aucune contrainte sur les technologies front-end : vous pouvez utiliser n’importe quel outil ou framework, notamment Livewire, Vue, React, Svelte, HTMX ou même jQuery.
Pour cette leçon, commencez par localiser le dossier resources et essayez de modifier ses fichiers pour comprendre la structure technique de NativePHP. Par la suite, nous détaillerons tout ce qui concerne cette interface.