Heute habe ich gelernt, Seitenlinks in ein PHP-Projekt einzufügen. Und wissen Sie auch, wie man Dateien verwaltet, die die Daten von Seiten enthalten.
Zuerst müssen Sie auf die Website https://www.tailwindui.com gehen, um verschiedene Layouts oder Designs von Homepages zu überprüfen, um solche zu erstellen.
Da Sie Ihr Design ausgewählt haben, gibt es in der rechten Ecke des Designs die Möglichkeit, den Code zu kopieren. Kopieren Sie es und befolgen Sie dann die nächsten Schritte.
Im vs-Code-Projekt (Version 1.
90 zum Zeitpunkt der Beschäftigung)
, wir benötigen folgende Abhängigkeiten:
HTML5-Basiscode
CSS für die Gestaltung von Seiten
PHP-Seitenerstellung
<!--html This example requires updating your template: ``` <html class="h-full bg-gray-100"> <body class="h-full"> ``` -->
Fügen Sie diese wie folgt im Code hinzu:
DOCTYPE html> <html lang="en" class="h-full bg-gray-100"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body class="h-full">
Ein Seitenlink ist im Anker-Tag vorhanden. von HTML als:
<a href="/" class="rounded-md bg-gray-900 px-3 py-2 text-sm font-medium text-white" aria-current="page">Home</a> <a href="/abput.php" class="rounded-md px-3 py-2 text-sm font-medium text-gray-300 hover:bg-gray-700 hover:text-white">About</a> <a href="/contact.php" class="rounded-md px-3 py-2 text-sm font-medium text-gray-300 hover:bg-gray-700 hover:text-white">Contact Us</a> <a href="/testing.php" class="rounded-md px-3 py-2 text-sm font-medium text-gray-300 hover:bg-gray-700 hover:text-white">Testing</a>
Der Schaltflächenstil wird auch auf das Anker-Tag mit dem Link angewendet, wobei die Pseudoklasse :hover verwendet wird, um den Status der Schaltfläche beim Drücken zu ändern.
Nach dem Hinzufügen dieses Codes wird beim Debuggen und Ausführen des Codes ein leerer Bildschirm angezeigt. Um dieses Problem zu beheben, fügen Sie die Datei index.view.php mit einem PHP-Starttag (
Diese Datei heißt index.php
<?php require"Index.view.php";
Jetzt wird die Ausgabe angezeigt.
Ich hoffe, dass Sie alles klar verstanden haben.
Um Änderungen an einer Seite vorzunehmen, indem Sie eine einzelne Datei bearbeiten, kopieren Sie den Navigationsbarcode innerhalb des Tags. Erstellen Sie ein neues Verzeichnis und darin eine neue Datei mit dem Namen nav.php und fügen Sie den Code in diese Datei ein. Um diese Datei für den Rest des Projekts zu verwenden, fügen Sie ihre Adresse an derselben Stelle ein, von der der Originalcode kopiert wurde.
Hier ist eine Zusammenfassung der Schritte:
<?php require('particles/nav.php') ?>
Auf diese Weise können Sie Änderungen an der Navigationsleiste von einer einzigen Datei (nav.php) aus verwalten und die Aktualisierungen auf allen Seiten widerspiegeln, die sie enthalten.
Ich hoffe, dass Sie es verstanden haben.
Das obige ist der detaillierte Inhalt vonWie fügt man Seitenlinks hinzu und verwaltet Änderungen an einer Seite, indem man eine einzelne Datei in PHP ändert?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!