подменю : как вывести?

Question

Добрый день прежде чем написать сюда много чего посомтрел и почитал, своими силами смог вывести меню из бд, а вот сделать подменю как сделал на верстке не как не получается.

вот как верстке :

вот как в данный момент :

вот в базе вроде все првильно с подменюшками сделал :

соединение с бд и получения списка всего что есть масивом :

<?php
try {
    $conn = new PDO("mysql:host=localhost;dbname=testdb1", "root", "password");
 //   echo "Database connection established";

    $query = "SELECT * FROM menu";
    $stmt   = $conn->prepare($query); 
    $stmt->execute();
    $menuItems  = $stmt->fetchAll(PDO::FETCH_ASSOC);

} 


catch (PDOException $e) {
    
   
echo "Connection failed: " . $e->getMessage();
}
?>

вот как вывел это вверсткой :

<?php include 'menu.php'; ?>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">

</head>
<body>
<header>


    
   
<nav class="navbar navbar-expand-lg navbar-light bg-light">
    <ul class="navbar-nav mr-auto">
        <?php foreach ($menuItems as $menuItem): ?>
            <li class="nav-item">
                <a class="nav-link" href="<?php echo $menuItem['url']; ?>"><?php echo $menuItem['name']; ?></a>
            </li>
        <?php endforeach; ?>
    </ul>
</nav>


</header>




<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>

<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>

</body>
</html>

БЛОГ НА HUSL

подменю : как вывести?

Ответы (0 шт):