So implementieren Sie die linke Navigationsfunktion in PHP-PHP-Problem-php.cn

So implementieren Sie die linke Navigationsfunktion in PHP

PHPz

Freigeben： 2023-04-11 15:50:16

Original

807 Leute haben es durchsucht

Mit der rasanten Entwicklung von Webanwendungen werden Website-Anwendungen immer komplexer und die Schnittstellen immer umständlicher. Für Benutzer ist eine einfache und benutzerfreundliche Oberfläche besonders wichtig. Die linke Navigationsleiste ist ein klassisches UI-Design in Webanwendungen und stellt Benutzern die notwendigen Navigations- und Bedienfunktionen zur Verfügung. Im Folgenden stellen wir vor, wie man die linke Navigation in PHP implementiert.

1. HTML

Zuerst müssen wir HTML-Code schreiben. In der linken Spalte können wir ul- und li-Elemente verwenden, um eine vertikal angeordnete Navigationsleiste zu implementieren. Zum Beispiel:

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

Nach dem Login kopieren

Hier verwenden wir das a-Element, um den Navigationslink anzuzeigen, d. h. wenn der Benutzer auf das Navigationselement klickt, springt er zur entsprechenden Seite. Wir können die Navigationsleiste durch CSS verschönern.

2. PHP

Als nächstes werden wir PHP verwenden, um die linke Navigation zu implementieren. PHP kann problemlos HTML-Code generieren und ihn hochgradig in den Inhalt der Datenbank integrieren. Beispielsweise können wir die Navigationselemente mithilfe des PHP-Codes aus der Datenbank abrufen:

<?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=&#39;" . $row["link"]. "&#39;>". $row["title"]. "</a></li>";
    }
} else {
    echo "0 结果";
}
$conn->close();
?>

Nach dem Login kopieren

In diesem Code stellen wir eine Verbindung zur Datenbank her und extrahieren die Navigationselemente daraus. Dann verwenden wir eine While-Schleife, um die Navigationselemente auszugeben, und die Verbindung und der Titel werden aus der Datenbank abgerufen.

3. Vollständiger Code

Abschließend kombinieren wir den HTML- und PHP-Code, um die vollständige linke Navigation zu generieren.

<!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=&#39;" . $row["link"]. "&#39;>". $row["title"]. "</a></li>";
    }
} else {
    echo "0 结果";
}
$conn->close();
?>
</ul>
</body>
</html>

Nach dem Login kopieren

Zusammenfassung

Durch die Implementierung der linken Navigation über PHP können dynamische Daten problemlos verarbeitet werden, wodurch das UI-Design der Website flexibler, einfacher zu warten und zu koordinieren ist. Die in diesem Artikel vorgestellte Methode kann Ihnen dabei helfen, die Methode zur Implementierung der linken Navigation in PHP besser zu beherrschen.

Das obige ist der detaillierte Inhalt vonSo implementieren Sie die linke Navigationsfunktion in PHP. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!