Comment utiliser PHP et CGI pour implémenter la navigation et les menus d'un site Web

Comment utiliser PHP et CGI pour implémenter la navigation et les menus d'un site Web

La navigation et les menus sont une partie très importante de la conception d'un site Web. Ils peuvent fournir des conseils de navigation pour la structure globale et les principales fonctions du site Web. Dans cet article, nous apprendrons comment utiliser PHP et CGI (Common Gateway Interface) pour implémenter la navigation et les menus d'un site Web.

Pour implémenter la navigation et le menu du site Web, nous devons d'abord créer une structure de données contenant les éléments de navigation et de menu. Habituellement, cette structure de données peut être représentée par un tableau, où chaque élément représente un élément de navigation ou de menu et contient le nom et l'adresse URL correspondante.

L'exemple de code est le suivant :

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

Ensuite, nous devons utiliser PHP et CGI pour générer dynamiquement la navigation et le menu du site Web. Nous pouvons utiliser une boucle pour parcourir les éléments de navigation et de menu du tableau et les afficher sous forme de liens HTML.

L'exemple de code est le suivant :

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

Le code ci-dessus générera une liste non ordonnée (ul) contenant des liens pour chaque élément de menu. Après avoir exécuté le code, le code HTML de sortie est similaire à :

<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>

En insérant le code ci-dessus à l'emplacement de la navigation et du menu du site Web, nous pouvons générer dynamiquement la navigation et le menu du site Web.

En plus de générer statiquement une navigation et des menus, nous pouvons également ajouter des styles spéciaux aux éléments de navigation ou de menu correspondants pour un marquage en fonction de l'adresse URL de la page actuelle.

L'exemple de code est le suivant :

$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>';

Le code ci-dessus compare l'adresse URL de la page actuelle et l'adresse URL de l'élément de menu Si elles sont égales, une classe CSS nommée "active" est ajoutée pour marquer l'élément de menu actuel. navigation ou élément de menu. Vous pouvez personnaliser le style de cette classe CSS selon vos besoins.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!