Heim > Backend-Entwicklung > PHP-Tutorial > Wie man PHP und CGI verwendet, um Website-Navigation und Menüs zu implementieren

Wie man PHP und CGI verwendet, um Website-Navigation und Menüs zu implementieren

PHPz
Freigeben: 2023-07-22 11:14:01
Original
1338 Leute haben es durchsucht

So verwenden Sie PHP und CGI zur Implementierung von Website-Navigation und Menüs.

Navigation und Menüs sind ein sehr wichtiger Teil des Website-Designs. Sie können Navigationshilfen für die Gesamtstruktur und die Hauptfunktionen der Website bereitstellen. In diesem Artikel erfahren Sie, wie Sie PHP und CGI (Common Gateway Interface) verwenden, um Website-Navigation und Menüs zu implementieren.

Um die Navigation und das Menü der Website zu implementieren, müssen wir zunächst eine Datenstruktur erstellen, die die Navigations- und Menüelemente enthält. Normalerweise kann diese Datenstruktur durch ein Array dargestellt werden, wobei jedes Element einen Navigations- oder Menüpunkt darstellt und den Namen und die entsprechende URL-Adresse enthält.

Der Beispielcode lautet wie folgt:

$menu = array(
    array('name' => '首页', 'url' => 'index.html'),
    array('name' => '产品', 'url' => 'products.html'),
    array('name' => '关于我们', 'url' => 'about.html'),
    array('name' => '联系我们', 'url' => 'contact.html')
);
Nach dem Login kopieren

Als nächstes müssen wir PHP und CGI verwenden, um die Navigation und das Menü der Website dynamisch zu generieren. Wir können eine Schleife verwenden, um die Navigations- und Menüelemente im Array zu durchlaufen und sie als HTML-Links auszugeben.

Der Beispielcode lautet wie folgt:

echo '<ul>';
foreach ($menu as $item) {
    echo '<li><a href="' . $item['url'] . '">' . $item['name'] . '</a></li>';
}
echo '</ul>';
Nach dem Login kopieren

Der obige Code generiert eine ungeordnete Liste (ul), die Links für jeden Menüpunkt enthält. Nach dem Ausführen des Codes ähnelt der ausgegebene HTML-Code:

<ul>
  <li><a href="index.html">首页</a></li>
  <li><a href="products.html">产品</a></li>
  <li><a href="about.html">关于我们</a></li>
  <li><a href="contact.html">联系我们</a></li>
</ul>
Nach dem Login kopieren

Durch Einfügen des obigen Codes an der Stelle der Navigation und des Menüs der Website können wir die Navigation und das Menü der Website dynamisch generieren.

Neben der statischen Generierung von Navigation und Menüs können wir auch spezielle Stile zu den entsprechenden Navigations- oder Menüpunkten hinzufügen, um sie anhand der URL-Adresse der aktuellen Seite zu markieren.

Der Beispielcode lautet wie folgt:

$currentURL = $_SERVER['REQUEST_URI'];

echo '<ul>';
foreach ($menu as $item) {
    $class = ($item['url'] == $currentURL) ? 'active' : '';
    echo '<li class="' . $class . '"><a href="' . $item['url'] . '">' . $item['name'] . '</a></li>';
}
echo '</ul>';
Nach dem Login kopieren

Der obige Code vergleicht die URL-Adresse der aktuellen Seite und die URL-Adresse des Menüelements. Wenn sie gleich sind, wird eine CSS-Klasse mit dem Namen „aktiv“ hinzugefügt, um die aktuelle Seite zu markieren Navigation oder Menüpunkt. Sie können den Stil dieser CSS-Klasse nach Bedarf anpassen.

Das obige ist der detaillierte Inhalt vonWie man PHP und CGI verwendet, um Website-Navigation und Menüs zu implementieren. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage