In der letzten Lektion haben wir mit NativePHP eine Standard-App erstellt und diese im Browser geöffnet. Die Standardadresse lautet: http://127.0.0.1:8000/
Diese Seite ist im Grunde eine Webseite, das ist völlig unproblematisch. Die UI-Darstellung von NativePHP erfolgt mit HTML, CSS und JS. Wie können wir nun diese Oberfläche bearbeiten?
Alle Dateien für die Oberflächenanzeige befinden sich im Ordner resources im Projektverzeichnis
Bei mir lautet der Pfad wie folgt:
Beim Öffnen sehen Sie folgende Unterordner:
css enthält Styles, js speichert Skripte, views beinhaltet die PHP-Dateien für die Seiten. In views finden Sie diese Dateien:
Öffnen Sie die Datei welcome.blade.php
Ein Teil des Inhalts sieht so aus:
Vertraut? Das ist Ihr PHP-Code. Wir probieren jetzt eine Änderung aus
Suchen Sie den Untertitel-Bereich:
<p class="subtitle">Your app is ready.</p>Code-Sprache: HTML, XML (xml)Fügen Sie am Ende einen Satz hinzu:
<p class="subtitle">Your app is ready.welcome to foxdevelop.com</p>Code-Sprache: HTML, XML (xml)Speichern und aktualisieren Sie die Seite http://127.0.0.1:8000/
Sie sehen, dass der Untertitel der Oberfläche auf Ihren geänderten Text gewechselt ist. Probieren Sie es selbst aus. NativePHP schränkt keine Frontend-Technologien ein – Sie sind nicht an Tools oder Frameworks gebunden, Livewire, Vue, React, Svelte, HTMX, sogar jQuery sind nutzbar.
In dieser Lektion suchen Sie zuerst den Ordner resources und experimentieren mit Änderungen, um die Technikarchitektur von NativePHP zu verstehen. Später erläutern wir detailliert alle Möglichkeiten basierend auf dieser UI.