Heim  >  Artikel  >  Backend-Entwicklung  >  So implementieren Sie das linke Navigationsmenü in PHP

So implementieren Sie das linke Navigationsmenü in PHP

PHPz
PHPzOriginal
2023-04-06 09:15:03884Durchsuche

Bei der Website-Entwicklung ist die Implementierung eines anklickbaren linken Navigationsmenüs eine sehr häufige Anforderung. Die Verwendung der PHP-Sprache zum Schreiben dieser Funktion ist ebenfalls eine effiziente und einfache Methode.

1. Vorbereitung

Bevor wir das Klick-Navigationsmenü implementieren, müssen wir einige Grundbedingungen vorbereiten. Die notwendigen Bedingungen sind unten aufgeführt:

1. PHP-Sprachcode ist erforderlich.
2 Ein Datenbankverwaltungssystem (z. B. MySQL) ist erforderlich.

Nachdem wir sichergestellt haben, dass die Bedingungen erfüllt sind, können wir mit den folgenden Schritten beginnen.

2. Richten Sie die Datenbanktabelle ein

Um die Funktion des Klickens auf das Navigationsmenü korrekt zu implementieren, müssen wir eine Tabelle in der Datenbank erstellen, um das Menü zu speichern. Im Folgenden sind die Spaltenanforderungen aufgeführt:

1. Menü-ID: die eindeutige Kennung jedes Menüelements;

3
4. Menü-ID der oberen Ebene: Zu welchem ​​Menüelement der oberen Ebene gehört
5.

Nachdem wir das Formular erstellt haben, können wir es im PHP-Code aufrufen, um die Funktion zum Klicken auf das Navigationsmenü zu implementieren.

3. Navigationsmenü in PHP implementieren

Nachdem wir das Design der Datenbanktabelle haben, können wir PHP-Code verwenden, um dieses Navigationsmenü zu erstellen. Hier verwenden wir den folgenden Befehl:

$parent_id = 0;

$menu_query = mysql_query("SELECT id, title, link FROM menu WHERE parent_id='".$parent_id."'");
while ($menu_row = mysql_fetch_array($menu_query)) {
echo '

  • '.$menu_row['title'].' ;/li>';
    }
    ?>

    Im obigen Code definieren wir zunächst eine Variable $parent_id, deren Wert 0 ist. Die Bedeutung dieser Variablen bezieht sich darauf, nach welchen „übergeordneten“ Menüs gesucht werden soll. Wir verwenden die Funktion mysql_query(), um die Menütabelle in der Datenbank abzufragen und die Menüelemente über die Funktion mysql_fetch_array() abzurufen.

    In PHP ist die Konvertierung dieser Menüelemente in die HTML-Codeausgabe sehr einfach. Wir können den Echo-Befehl verwenden, um dies abzuschließen. Schließlich können wir auf der Front-End-Oberfläche ein ähnliches Menü sehen:

    Home
    • Über uns
    • Kontakt
    • Der obige Code enthält auch eine sehr wichtige Funktion mysql_query(), die wir sicherstellen müssen Die Eingabewerte dieser Funktion sind „sicher“. Wenn die eingehenden Parameter nicht gefiltert werden, kann es zu SQL-Injection-Angriffen kommen und Sicherheitsprobleme verursachen. Eine einfache Möglichkeit, dieses Problem zu vermeiden, ist die Verwendung der Funktion addslashes().

    4. JavaScript-Klickereignis hinzufügen

    Wir haben den PHP-Code zur Ausgabe des Navigationsmenüs implementiert. Jetzt müssen wir ein JavaScript-Klickereignis hinzufügen, damit der Benutzer auf den Menüpunkt klicken kann, um die entsprechende Linkadresse einzugeben. Das Folgende ist die logische Struktur des Codes:

    1. Wenn der Benutzer auf einen Menüpunkt klickt, löst die JavaScript-Funktion das Ereignis aus

    2 . Der Server gibt die entsprechende Seite zurück und rendert sie im Browserfenster des Benutzers.


    JavaScript- und XMLHttpRequest-Objekte entsprechend im Code hinzufügen. Der Code lautet wie folgt:

    <script><p>function displayLink(link) {</p>var xhttp;<p>if (link == "") {<br>document.getElementById( "links_container ").innerHTML = "";<br>return;<br>}<br>xhttp = new XMLHttpRequest();<br>xhttp.onreadystatechange = function() {<br>if (this.readyState == 4 && this.status == 200) { <br>document .getElementById("links_container").innerHTML = this.responseText;<br>}<br>};<br>xhttp.open("GET", link, true);<br>xhttp.send();<br>}<br></script>

    Im obigen Code haben wir eine displayLink()-Funktion erstellt, die ein XMLHttpRequest-Objekt sendet, wenn auf einen Menüpunkt geklickt wird. Wenn der Status des zurückgegebenen XMLHttpRequest-Objekts 200 ist (d. h. die Daten wurden erfolgreich abgerufen), geben wir sie auf der Front-End-Seite aus und präsentieren sie im Browserfenster des Benutzers.

    Abschließend verwenden Sie in HTML die Ereignishandlerfunktion onMouseDown und rufen die Funktion displayLink() auf, wenn auf das Menüelement geklickt wird.

    5. Zusammenfassung

    Die Implementierung eines anklickbaren linken Navigationsmenüs ist für die Website-Entwicklung unbedingt erforderlich. Durch die Verwendung von PHP können Navigationsmenüs schnell und dynamisch generiert werden, während die Codemenge reduziert wird, sodass Benutzer durch Klicken auf das Menü schnell zur Ziellinkadresse gelangen können.

    Das obige ist der detaillierte Inhalt vonSo implementieren Sie das linke Navigationsmenü in PHP. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

  • Stellungnahme:
    Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn