Bagaimana untuk melaksanakan menu navigasi kiri dalam php

Dalam pembangunan tapak web, melaksanakan menu navigasi kiri boleh klik adalah keperluan yang sangat biasa. Menggunakan bahasa PHP untuk menulis fungsi ini juga merupakan kaedah yang cekap dan mudah.

1. Persediaan

Sebelum melaksanakan menu navigasi klik, kita perlu menyediakan beberapa syarat asas. Keperluan yang diperlukan disenaraikan di bawah:

1 Kod bahasa PHP diperlukan
2. Sistem pengurusan pangkalan data (seperti MySQL) diperlukan
3 diperlukan.

Setelah memastikan syarat dipenuhi, kita boleh mulakan langkah berikut.

2. Sediakan jadual pangkalan data

Untuk melaksanakan fungsi mengklik menu navigasi dengan betul, kita perlu mencipta jadual dalam pangkalan data untuk menyimpan menu. Berikut ialah keperluan lajur dalam jadual:

1 ID Menu: pengecam unik setiap item menu
2 tajuk menu
3 : Alamat pautan yang menghala ke halaman web lain;
4.

Selepas membuat borang, kita boleh memanggilnya dalam kod PHP untuk melaksanakan fungsi mengklik menu navigasi.

3. Pelaksanaan PHP menu navigasi

Selepas kita mempunyai reka bentuk jadual pangkalan data, kita boleh menggunakan kod PHP untuk mencipta menu navigasi ini. Di sini kita menggunakan arahan berikut:

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

';
}
?>
Dalam kod di atas, kita mula-mula mentakrifkan pembolehubah $parent_id, yang nilainya ialah 0, maksud pembolehubah ini merujuk kepada menu "ibu bapa" yang hendak dicari. Kami menggunakan fungsi mysql_query() untuk menanyakan jadual menu dalam pangkalan data, dan mengambil item menu melalui fungsi mysql_fetch_array().

Dalam PHP, menukar item menu ini kepada output kod HTML adalah sangat mudah, kita boleh menggunakan arahan gema untuk melengkapkan. Akhirnya, kita dapat melihat menu yang serupa dengan ini pada antara muka bahagian hadapan:

Laman Utama
• Mengenai Kami
• Hubungi Kami

Terdapat juga fungsi mysql_query() yang sangat penting dalam kod di atas Kita mesti memastikan bahawa nilai input fungsi ini adalah "selamat". Jika parameter masuk tidak ditapis, ia boleh menyebabkan serangan suntikan SQL dan menyebabkan isu keselamatan. Cara mudah untuk mengelakkan masalah ini adalah dengan menggunakan fungsi addslashes().

4. Tambah acara klik JavaScript

Kami telah melaksanakan kod PHP untuk mengeluarkan menu navigasi, kini kami perlu menambah acara klik JavaScript untuk membolehkan pengguna mengklik pada item menu untuk memasukinya alamat pautan yang sepadan. Berikut ialah struktur logik kod:

1 Apabila pengguna mengklik item menu, fungsi JavaScript akan mencetuskan acara

2 ke pelayan;
3 Pelayan mengembalikan halaman yang sepadan dan membentangkannya dalam tetingkap penyemak imbas pengguna.

Tambah objek JavaScript dan XMLHttpRequest dengan sewajarnya dalam kod tersebut:

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

Dalam kod di atas , kami Mencipta fungsi displayLink() yang menghantar objek XMLHttpRequest apabila item menu diklik. Apabila status objek XMLHttpRequest yang dikembalikan ialah 200 (iaitu, data telah berjaya diperoleh), kami mengeluarkannya ke halaman hujung hadapan dan membentangkannya dalam tetingkap penyemak imbas pengguna.

Akhir sekali, dalam HTML, gunakan fungsi pengendali acara onMouseDown dan panggil fungsi displayLink() apabila item menu diklik.

5. Ringkasan

Melaksanakan menu navigasi kiri yang boleh diklik adalah sangat diperlukan untuk pembangunan tapak web. Menggunakan PHP boleh menjana menu navigasi dengan cepat dan dinamik sambil mengurangkan jumlah kod JavaScript boleh membolehkan pengguna mencapai alamat pautan sasaran dengan cepat dengan mengklik pada menu.

Atas ialah kandungan terperinci Bagaimana untuk melaksanakan menu navigasi kiri dalam php. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!