PHP と CGI を使用して Web サイトのナビゲーションとメニューを実装する方法

PHP と CGI を使用して Web サイトのナビゲーションとメニューを実装する方法

ナビゲーションとメニューは Web サイトのデザインの非常に重要な部分であり、Web サイトの全体的な構造と主な機能についてのナビゲーション ガイドを提供します。この記事では、PHP と CGI (Common Gateway Interface) を使用して Web サイトのナビゲーションとメニューを実装する方法を学びます。

Web サイトのナビゲーションとメニューを実装するには、まずナビゲーションとメニュー項目を含むデータ構造を作成する必要があります。通常、このデータ構造は配列で表すことができ、各要素はナビゲーションまたはメニュー項目を表し、名前と対応する URL アドレスが含まれます。

サンプル コードは次のとおりです。

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

次に、PHP と CGI を使用して、Web サイトのナビゲーションとメニューを動的に生成する必要があります。ループを使用して配列内のナビゲーション項目とメニュー項目を反復処理し、それらを HTML リンクとして出力できます。

サンプル コードは次のとおりです。

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

上記のコードは、各メニュー項目のリンクを含む順序なしリスト (ul) を生成します。コードを実行すると、出力 HTML コードは次のようになります。

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

上記のコードを Web サイトのナビゲーションとメニューの場所に挿入すると、Web サイトのナビゲーションとメニューを動的に生成できます。

ナビゲーションとメニューを静的に生成することに加えて、対応するナビゲーションまたはメニュー項目に特別なスタイルを追加して、現在のページの URL アドレスに基づいてマークを付けることもできます。

サンプル コードは次のとおりです:

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

上記のコードは、現在のページの URL アドレスとメニュー項目の URL アドレスを比較します。それらが等しい場合、「」という名前の CSS クラスが実行されます。現在のナビゲーションまたはメニュー項目。必要に応じて、この CSS クラスのスタイルをカスタマイズできます。

以上がPHP と CGI を使用して Web サイトのナビゲーションとメニューを実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。