Rumah > Artikel > pembangunan bahagian belakang > Bagaimana untuk melaksanakan fungsi navigasi kiri dalam php
Bagaimana untuk melaksanakan fungsi navigasi kiri dalam php
- PHPzasal
- 2023-04-11 15:07:40786semak imbas
Dengan perkembangan pesat aplikasi web, aplikasi tapak web menjadi semakin kompleks, dan antara muka menjadi semakin rumit Bagi pengguna, antara muka yang ringkas dan mudah digunakan adalah amat penting. Bar navigasi kiri ialah reka bentuk UI klasik dalam aplikasi web, menyediakan pengguna dengan fungsi navigasi dan operasi yang diperlukan. Di bawah ini kami akan memperkenalkan cara melaksanakan navigasi kiri dalam PHP.
1. HTML
Pertama, kita perlu menulis kod HTML. Dalam lajur kiri, kita boleh menggunakan elemen ul dan li untuk melaksanakan bar navigasi yang disusun secara menegak. Contohnya:
<ul> <li><a href="#">导航项1</a></li> <li><a href="#">导航项2</a></li> <li><a href="#">导航项3</a></li> <li><a href="#">导航项4</a></li> <li><a href="#">导航项5</a></li> </ul>
Di sini kami menggunakan elemen a untuk memaparkan pautan navigasi, iaitu, apabila pengguna mengklik pada item navigasi, ia akan melompat ke halaman yang sepadan. Kita boleh mencantikkan bar navigasi melalui CSS.
2. PHP
Seterusnya, kami akan menggunakan php untuk melaksanakan navigasi kiri. PHP boleh menjana kod HTML dengan mudah dan menjadikannya sangat bersepadu dengan kandungan dalam pangkalan data. Sebagai contoh, kita boleh menggunakan kod php untuk mendapatkan item navigasi daripada pangkalan data:
<?php
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "myDB";
// 创建连接
$conn = new mysqli($servername, $username, $password, $dbname);
// 检测连接
if ($conn->connect_error) {
die("连接失败: " . $conn->connect_error);
}
$sql = "SELECT id, title, link FROM navigation";
$result = $conn->query($sql);
if ($result->num_rows > 0) {
// 输出数据
while($row = $result->fetch_assoc()) {
echo "<li><a href='" . $row["link"]. "'>". $row["title"]. "</a></li>";
}
} else {
echo "0 结果";
}
$conn->close();
?>
Dalam kod ini, kami menyambung ke pangkalan data dan mengekstrak item navigasi daripadanya. Kemudian, kami menggunakan gelung sementara untuk mengeluarkan item navigasi, dan sambungan dan tajuk kedua-duanya diperoleh daripada pangkalan data.
3. Lengkapkan kod
Akhir sekali, kami menggabungkan kod HTML dan PHP bersama-sama untuk menjana navigasi kiri yang lengkap.
<!DOCTYPE html>
<html>
<head>
<style>
/* CSS代码用于美化导航栏 */
ul {
list-style-type: none;
margin: 0;
padding: 0;
width: 200px;
background-color: #f1f1f1;
}
li a {
display: block;
color: #000;
padding: 8px 16px;
text-decoration: none;
}
li a.active {
background-color: #4CAF50;
color: white;
}
li a:hover:not(.active) {
background-color: #555;
color: white;
}
</style>
</head>
<body>
<!-- HTML代码用于创建左侧导航栏 -->
<ul>
<?php
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "myDB";
$conn = new mysqli($servername, $username, $password, $dbname);
if ($conn->connect_error) {
die("连接失败: " . $conn->connect_error);
}
$sql = "SELECT id, title, link FROM navigation";
$result = $conn->query($sql);
if ($result->num_rows > 0) {
while($row = $result->fetch_assoc()) {
echo "<li><a href='" . $row["link"]. "'>". $row["title"]. "</a></li>";
}
} else {
echo "0 结果";
}
$conn->close();
?>
</ul>
</body>
</html>
Ringkasan
Melaksanakan navigasi kiri melalui PHP boleh mengendalikan data dinamik dengan mudah, menjadikan reka bentuk UI tapak web lebih fleksibel, lebih mudah diselenggara dan diselaraskan. Melalui kaedah yang diperkenalkan dalam artikel ini, anda boleh menguasai kaedah melaksanakan navigasi kiri dalam PHP dengan lebih baik.
Atas ialah kandungan terperinci Bagaimana untuk melaksanakan fungsi navigasi kiri dalam php. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!