php导航下拉菜单

<?php
// 假设这是从数据库中获取的菜单数据
$menuData = [
    ['name' => '首页', 'url' => '/home'],
    ['name' => '产品', 'url' => '/products', 'children' => [
        ['name' => '电子产品', 'url' => '/products/electronics'],
        ['name' => '家居用品', 'url' => '/products/home'],
    ]],
    ['name' => '关于我们', 'url' => '/about'],
];

function generateMenu($menuData, $parent = '') {
    $html = '';
    foreach ($menuData as $item) {
        $class = $parent ? 'sub-menu-item' : '';
        $html .= "<li class='$class'><a href='{$item['url']}'>{$item['name']}</a>";
        if (isset($item['children'])) {
            $html .= "<ul class='sub-menu'>";
            $html .= generateMenu($item['children'], 'sub-menu');
            $html .= "</ul>";
        }
        $html .= "</li>";
    }
    return $html;
}

?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>PHP 导航下拉菜单</title>
    <style>
        .sub-menu {
            display: none;
        }
        .sub-menu-item:hover .sub-menu {
            display: block;
        }
    </style>
</head>
<body>
    <nav>
        <ul>
            <?php echo generateMenu($menuData); ?>
        </ul>
    </nav>
</body>
</html>