php实现二级分类

基础概念

PHP是一种广泛使用的开源脚本语言，尤其适用于Web开发。二级分类通常指的是在一个分类体系中的第二层级，例如在一个商品分类中，一级分类可能是“电子产品”，二级分类则可能是“手机”或“笔记本电脑”。

类型

在实现二级分类时，通常会涉及到数据库设计、前端展示和后端逻辑处理。常见的类型包括：

数据库设计：使用关系型数据库如MySQL来存储分类数据。
前端展示：使用HTML、CSS和JavaScript来展示分类列表。
后端逻辑：使用PHP来处理分类数据的增删改查。

应用场景

二级分类广泛应用于电商平台、博客系统、新闻网站等需要分类展示内容的场景。

示例代码

以下是一个简单的PHP实现二级分类的示例：

数据库设计

假设我们有一个名为categories的表，结构如下：

CREATE TABLE categories (
    id INT AUTO_INCREMENT PRIMARY KEY,
    name VARCHAR(255) NOT NULL,
    parent_id INT DEFAULT NULL,
    FOREIGN KEY (parent_id) REFERENCES categories(id)
);

后端逻辑（PHP）

<?php
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "database_name";

// 创建连接
$conn = new mysqli($servername, $username, $password, $dbname);

// 检查连接
if ($conn->connect_error) {
    die("连接失败: " . $conn->connect_error);
}

// 获取所有分类
$sql = "SELECT * FROM categories";
$result = $conn->query($sql);

$categories = [];
if ($result->num_rows > 0) {
    while($row = $result->fetch_assoc()) {
        $categories[$row['id']] = $row;
    }
}

// 构建二级分类树
foreach ($categories as $id => &$category) {
    if ($category['parent_id'] != null) {
        $categories[$category['parent_id']]['children'][] = &$category;
    }
}

$conn->close();

// 输出二级分类
echo json_encode(array_values($categories), JSON_UNESCAPED_UNICODE);
?>

前端展示（HTML + JavaScript）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>二级分类展示</title>
</head>
<body>
    <div id="categories"></div>

    <script>
        fetch('path_to_your_php_script.php')
            .then(response => response.json())
            .then(data => {
                const categoriesDiv = document.getElementById('categories');
                data.forEach(category => {
                    const categoryDiv = document.createElement('div');
                    categoryDiv.textContent = category.name;
                    if (category.children) {
                        const childrenDiv = document.createElement('div');
                        category.children.forEach(child => {
                            const childDiv = document.createElement('div');
                            childDiv.textContent = child.name;
                            childrenDiv.appendChild(childDiv);
                        });
                        categoryDiv.appendChild(childrenDiv);
                    }
                    categoriesDiv.appendChild(categoryDiv);
                });
            });
    </script>
</body>
</html>