PHPで左側のナビゲーションメニューを実装する方法

Web サイト開発では、クリック可能な左側のナビゲーション メニューを実装することが非常に一般的な要件です。 PHP 言語を使用してこの関数を記述することも効率的で簡単な方法です。

1. 準備

クリック ナビゲーション メニューを実装する前に、いくつかの基本的な条件を準備する必要があります。必要な条件は以下のとおりです:

1. PHP 言語コードが必要です;
2. データベース管理システム (MySQL など) が必要です;
3. HTML、CSS、JavaScript の知識が必要です。

条件が満たされていることを確認したら、次の手順を開始できます。

2. データベース テーブルのセットアップ

ナビゲーション メニューをクリックする機能を正しく実装するには、メニューを保存するテーブルをデータベースに作成する必要があります。テーブル内の列の要件は次のとおりです:

1. メニュー ID: 各メニュー項目の一意の識別子;
2. メニュー タイトル: 各メニューのタイトル;
3. メニュー リンク: 他の Web ページを指すリンク アドレス;
4. 上位メニュー ID: このメニュー項目が属する上位メニュー;
5. メニュー アイコン: オプション、美観またはインターフェイス機能の補足に使用されます。

フォームを作成した後、PHP コードでそれを呼び出して、ナビゲーション メニューをクリックする機能を実装できます。

3. ナビゲーション メニューの PHP 実装

データベース テーブルの設計が完了したら、PHP コードを使用してこのナビゲーション メニューを作成できます。ここでは次のコマンドを使用します:

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

';
}
?>

上記のコードでは、まず変数 $parent_id を定義します。その値は0 の場合、この変数の意味は、どの「親」メニューを検索するかを示します。 mysql_query() 関数を使用してデータベース内のメニュー テーブルにクエリを実行し、mysql_fetch_array() 関数を通じてメニュー項目をフェッチします。

PHP では、これらのメニュー項目を HTML コード出力に変換するのは非常に簡単で、echo コマンドを使用して完了できます。最後に、フロントエンド インターフェイスに次のようなメニューが表示されます。

• #Home
• About Us
• Contact Us

上記のコードには非常に重要な関数 mysql_query() もあります。この関数の入力値が「安全」であることを確認する必要があります。受信パラメータがフィルタリングされていない場合、SQL インジェクション攻撃につながり、セキュリティ上の問題が発生する可能性があります。この問題を回避する簡単な方法は、addslashes() 関数を使用することです。

4. JavaScript クリック イベントの追加

ナビゲーション メニューを出力するための PHP コードを実装しましたが、今度はユーザーがメニュー項目をクリックして入力できるように JavaScript クリック イベントを追加する必要があります。対応するリンクアドレス。コードの論理構造は次のとおりです:

1. ユーザーがメニュー項目をクリックすると、JavaScript 関数がイベントをトリガーします;
2. この関数は XMLHttpRequest オブジェクトを使用してリクエストを送信します
3. サーバーは対応するページを返し、それをユーザーのブラウザ ウィンドウに表示します。

JavaScript オブジェクトと XMLHttpRequest オブジェクトをコード内に対応させて追加します。コードは次のとおりです:

<script><br>function displayLink(link) {<br>var xhttp;<br> 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>

上記のコードでは、メニュー項目がクリックされたときに XMLHttpRequest オブジェクトを送信する displayLink() 関数を作成しました。返された XMLHttpRequest オブジェクトのステータスが 200 (つまり、データが正常に取得された) の場合、それをフロントエンド ページに出力し、ユーザーのブラウザ ウィンドウに表示します。

最後に、HTML で、onMouseDown イベント ハンドラー関数を使用し、メニュー項目がクリックされたときに displayLink() 関数を呼び出します。

5. 概要

クリック可能な左側のナビゲーション メニューの実装は、Web サイト開発にとって非常に必要です。 PHP を使用すると、コード量を削減しながらナビゲーション メニューを迅速かつ動的に生成でき、JavaScript を使用すると、メニューをクリックして目的のリンク アドレスにすばやく到達できます。

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