Cara menggunakan PHP dan CGI untuk melaksanakan navigasi laman web dan menu

Cara menggunakan PHP dan CGI untuk melaksanakan navigasi dan menu laman web

Navigasi dan menu adalah bahagian yang sangat penting dalam reka bentuk laman web. Mereka boleh memberikan panduan navigasi untuk keseluruhan struktur dan fungsi utama laman web. Dalam artikel ini, kita akan mempelajari cara menggunakan PHP dan CGI (Antara Muka Gerbang Biasa) untuk melaksanakan navigasi dan menu tapak web.

Untuk melaksanakan navigasi dan menu laman web, pertama kita perlu membuat struktur data yang mengandungi navigasi dan item menu. Biasanya, struktur data ini boleh diwakili oleh tatasusunan, di mana setiap elemen mewakili navigasi atau item menu dan mengandungi nama dan alamat URL yang sepadan.

Kod sampel adalah seperti berikut:

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

Seterusnya, kita perlu menggunakan PHP dan CGI untuk menjana navigasi dan menu laman web secara dinamik. Kita boleh menggunakan gelung untuk melelaran melalui navigasi dan item menu dalam tatasusunan dan mengeluarkannya sebagai pautan HTML.

Kod sampel adalah seperti berikut:

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

Kod di atas akan menjana senarai tidak tertib (ul) yang mengandungi pautan untuk setiap item menu. Selepas menjalankan kod, kod HTML keluaran adalah serupa dengan:

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

Dengan memasukkan kod di atas ke dalam lokasi navigasi dan menu tapak web, kami boleh menjana navigasi dan menu tapak web secara dinamik.

Selain menjana navigasi dan menu secara statik, kami juga boleh menambah gaya khas pada navigasi atau item menu yang sepadan untuk menandakan berdasarkan alamat URL halaman semasa.

Kod sampel adalah seperti berikut:

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

Kod di atas membandingkan alamat URL halaman semasa dan alamat URL item menu Jika mereka sama, kelas CSS bernama "aktif" ditambahkan untuk menandakan semasa navigasi atau item menu. Anda boleh menyesuaikan gaya kelas CSS ini mengikut keperluan.

Atas ialah kandungan terperinci Cara menggunakan PHP dan CGI untuk melaksanakan navigasi laman web dan menu. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!