>  기사  >  백엔드 개발  >  PHP에서 왼쪽 탐색 기능을 구현하는 방법

PHP에서 왼쪽 탐색 기능을 구현하는 방법

PHPz
PHPz원래의
2023-04-11 15:07:40786검색

웹 애플리케이션의 급속한 발전으로 인해 웹 사이트 애플리케이션은 점점 더 복잡해지고 인터페이스는 점점 더 복잡해지고 있습니다. 사용자에게는 간단하고 사용하기 쉬운 인터페이스가 특히 중요합니다. 왼쪽 탐색 모음은 웹 애플리케이션의 고전적인 UI 디자인으로 사용자에게 필요한 탐색 및 작업 기능을 제공합니다. 아래에서는 PHP에서 왼쪽 탐색을 구현하는 방법을 소개합니다.

1. HTML

먼저 HTML 코드를 작성해야 합니다. 왼쪽 열에서는 ul 및 li 요소를 사용하여 수직으로 정렬된 탐색 모음을 구현할 수 있습니다. 예:

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

여기에서는 a 요소를 사용하여 탐색 링크를 표시합니다. 즉, 사용자가 탐색 항목을 클릭하면 해당 페이지로 이동합니다. CSS를 통해 네비게이션 바를 아름답게 만들 수 있습니다.

2. PHP

다음으로 PHP를 사용하여 왼쪽 탐색을 구현하겠습니다. PHP는 쉽게 HTML 코드를 생성하고 이를 데이터베이스의 콘텐츠와 긴밀하게 통합할 수 있습니다. 예를 들어, PHP 코드를 사용하여 데이터베이스에서 탐색 항목을 가져올 수 있습니다:

<?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();
?>

이 코드에서는 데이터베이스에 연결하고 데이터베이스에서 탐색 항목을 추출합니다. 그런 다음 while 루프를 사용하여 탐색 항목을 출력하고 연결과 제목을 모두 데이터베이스에서 가져옵니다.

3. 완전한 코드

마지막으로 HTML과 PHP 코드를 결합하여 완전한 왼쪽 탐색을 생성합니다.

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

Summary

PHP를 통해 왼쪽 탐색을 구현하면 동적 데이터를 쉽게 처리할 수 있으므로 웹 사이트의 UI 디자인이 더 유연해지고 유지 관리 및 조정이 쉬워집니다. 이 기사에서 소개된 방법은 PHP에서 왼쪽 탐색을 구현하는 방법을 더 잘 익히는 데 도움이 될 수 있습니다.

위 내용은 PHP에서 왼쪽 탐색 기능을 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.