当前位置：首页 > PHP

php树形菜单的实现

2026-04-03 01:15:07PHP

PHP树形菜单的实现

树形菜单通常用于展示层级结构数据，如分类目录、组织架构等。以下是几种常见的实现方法：

递归方法实现树形菜单

递归是最常见的树形结构处理方法，适合数据量较小的情况。

function buildTree(array $items, $parentId = 0) {
    $tree = array();
    foreach ($items as $item) {
        if ($item['parent_id'] == $parentId) {
            $children = buildTree($items, $item['id']);
            if ($children) {
                $item['children'] = $children;
            }
            $tree[] = $item;
        }
    }
    return $tree;
}

// 使用示例
$items = [
    ['id' => 1, 'name' => '根节点', 'parent_id' => 0],
    ['id' => 2, 'name' => '子节点1', 'parent_id' => 1],
    ['id' => 3, 'name' => '子节点2', 'parent_id' => 1],
    ['id' => 4, 'name' => '子子节点', 'parent_id' => 2],
];
$tree = buildTree($items);

引用方法实现树形菜单

对于大数据量，引用方法效率更高，避免递归的性能问题。

function buildTreeWithReference(array $items) {
    $tree = array();
    $references = array();

    foreach ($items as &$item) {
        $references[$item['id']] = &$item;
        $item['children'] = array();
    }

    foreach ($items as &$item) {
        if ($item['parent_id'] != 0 && isset($references[$item['parent_id']])) {
            $references[$item['parent_id']]['children'][] = &$item;
        } else {
            $tree[] = &$item;
        }
    }

    return $tree;
}

数据库查询优化

从数据库查询时可以使用一次查询获取所有数据，而不是多次查询。

-- MySQL示例
SELECT id, name, parent_id FROM categories ORDER BY parent_id, id;

前端展示树形菜单

生成树形结构后，可以使用HTML和CSS展示菜单。

function renderMenu(array $tree, $level = 0) {
    echo '<ul>';
    foreach ($tree as $node) {
        echo '<li>' . htmlspecialchars($node['name']);
        if (!empty($node['children'])) {
            renderMenu($node['children'], $level + 1);
        }
        echo '</li>';
    }
    echo '</ul>';
}

// 使用示例
renderMenu($tree);

对应的CSS样式：

ul {
    list-style-type: none;
    padding-left: 20px;
}
li {
    margin: 5px 0;
}

使用第三方库

对于复杂需求，可以考虑使用第三方库：

PHP-Tree：专门处理树形结构的库

require 'PHPTree.php';
$tree = new PHPTree($items);

jstree：前端树形组件，配合PHP后端数据

php树形菜单的实现

// 前端代码
$('#tree-container').jstree({
    'core' : {
        'data' : {
            'url' : 'get_tree_data.php',
            'dataType' : 'json'
        }
    }
});