php - 从数据库动态加载数据到引导 Accordion 导航

Question

我制作了一个引导 Accordion 导航，可以使用 php 从数据库动态加载数据

这是我使用的 2 个表:

CREATE TABLE IF NOT EXISTS `top_tier` (
  `id` varchar(50) NOT NULL,
  `name` varchar(255) NOT NULL,
  `date_created` timestamp NOT NULL DEFAULT '0000-00-00 00:00:00',
  `created_by` varchar(50) NOT NULL,
  `date_edited` timestamp NOT NULL DEFAULT '0000-00-00 00:00:00',
  `status` int(11) NOT NULL DEFAULT '1',
  PRIMARY KEY (`id`)
)

CREATE TABLE IF NOT EXISTS `sub_tier` (
  `id` varchar(50) NOT NULL,
  `name` varchar(255) NOT NULL,
  `type` varchar(50) NOT NULL,
  `date_created` timestamp NOT NULL DEFAULT '0000-00-00 00:00:00',
  `created_by` varchar(50) NOT NULL,
  `date_edited` timestamp NOT NULL DEFAULT '0000-00-00 00:00:00',
  `edited_by` varchar(50) NOT NULL,
  `parent_id` varchar(50) NOT NULL,
  `status` int(11) NOT NULL DEFAULT '1',
  PRIMARY KEY (`id`)
)

所以基本上表 top_tier 是 Accordion 导航栏的主要项目。 top_tier 表中的条目可以有来自 sub_tier 表的多个子条目，并且 sub_tier 表中的所述条目也可以通过列parent_id 拥有子条目，它有点层次结构。因此，当我单击来自 top_tier 表的 Accordion 中的一个项目时，它将显示其子项目，然后如果我单击所述 top_tier 项目中的一个项目，它将显示其子项目(如果有)，依此类推...

这是 Accordion 的代码

    <div id="MainMenu">
  <div class="list-group panel">
    <?php
    $top_items =  $obj->getTopTierItems();
    foreach($top_items as $top_item) {
    extract($top_item);
    ?>

    <a href="#<?php echo $id;?>" class="strong list-group-item" data-toggle="collapse" data-parent="#MainMenu">
      <?php echo $name;?> 
      <i class="fa fa-caret-down"></i>
    </a>

    <div class="output collapse" id="<?php echo $id; ?>">
      <?php 
      $sub_items = $obj->getSubTierItems($id); 
      foreach($sub_items as $sub_item) {
        $id2 = $sub_item['id'];
        $name2 = $sub_item['name'];
        $parent_id = $sub_item['parent_id'];
      ?>
        <a href="#<?php echo $id2;?>" class="strong list-group-item" data-parent="#<?php echo $parent_id; ?>">
          <?php echo $name2;?>
        </a>

        <div class="output collapse" id="<?php echo $id2; ?>">

        </div>
        <?php
        }
        ?>
    </div>

    <?php 
    }
    ?>
  </div>
</div>

这是从表top_tier中获取数据的php

public function getTopTierItems(){

        $SQL = "
            SELECT

            id,
            name

            FROM 
                top_tier
            WHERE
                status = 1  
        ";              
        $results = $this->db_query_listx($SQL);
        return $results;
    }

这是从表 sub_tier 中获取数据的 php

public function getSubTierItems($id){

        $SQL = "
            SELECT

            id,
            name,
            parent_id

            FROM
                sub_tier
            WHERE
                status = 1
            AND
                parent_id='$id'

        ";              
        $results = $this->db_query_listx($SQL);
        return $results;
    }

这里是控制数据库数据的函数。

public function db_query_listx($SQL){
        global $connect;
        if ($resultset = $connect->query($SQL)) {
            if ($resultset->num_rows > 0) {

                $data = array();
                    while( $row = $resultset->fetch_assoc() ) {
                        $data[] = array_change_key_case($row);
                    }
                }else {
                $data = NULL;
            }
        } else {
            $data = die("<CENTER><DIV class='error'>ERROR: " . $connect->error . "<BR> ( $SQL ) <HR>
                             Please report this to <a href='#'>webmaster</a>.</DIV></CENTER>");
        }
        $resultset->close();
        return $data;
    }

我想要发生的是，当我单击表 sub_tier 中的子条目时，它将显示其子条目(如果有)。

Answer 1

我根本不确定这是否会对您有帮助，因为我是一名学生。我刚刚发现我的 Accordion 有问题。我也在 Bootstrap 中这样做。如果我没记错的话，我认为您希望能够在 Accordion 中拥有 Accordion 。这是将 html 中的多个 Accordion 转换为 php 的代码片段

if ($result)
        {
            while ($row = mysqli_fetch_array($result, MYSQLI_ASSOC))
               {
                   echo '<div class="col-small-6 col-med-6 col-lg-4 albumContainer">';
                   echo '<img src=' . $row['Album_Art'] . 'alt="">';           
                   echo '<div class="panel-group" id="accordion">';
                   echo '<div class="panel panel-default">';
                   echo '<div class="panel-heading">';
                   echo '<h2 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href=' . $row['direction'] . '>' . $row['Title'] . '</a></h2></div>';
                   echo '<div id=' . $row['destination'] . ' class="panel-collapse collapse"><div class="panel-body"> <ol>';


                   if($row['id']==1)
                   {
                        foreach ($result1 as $row1) 
                        {                       
                            echo '<li>' . $row1['Name'] . '</li>';  

                        }; 
                    }

                    if($row['id']==2)
                    {
                        foreach ($result2 as $row2)
                        {
                            echo '<li>' . $row2['Name'] . '</li>';  

                        };
                    }

                    if($row['id']==3)
                    {
                        foreach ($result3 as $row3)
                        {
                            echo '<li>' . $row3['Name'] . '</li>';
                        }
                    }

                    if($row['id']==4)
                    {
                        foreach ($result4 as $row4)
                        {
                            echo '<li>' . $row4['Name'] . '</li>';
                        }
                    }

                    if($row['id']==5)
                    {
                        foreach ($result5 as $row5)
                        {
                            echo '<li>' . $row5['Name'] . '</li>';
                        }
                    }

                    if($row['id']==6)
                    {
                        foreach ($result6 as $row6)
                        {
                            echo '<li>' . $row6['Name'] . '</li>';
                        }
                    }

                    echo '</ol>';
                    echo '<h3>available at:</h3><a href=' . $row['Location'] . '>iTunes</a>
                    <a href=' . $row['Location2'] . '>Amazon</a>
                    <a href=' . $row['Location3'] . '>United Interests</a></div>';
                    echo '</div></div></div></div>';
                }
                    mysqli_free_result ($result); 
        }

IF 语句和 foreach 语句填充每个单独的折叠面板。我认为您想要做的是同样的事情，但继续嵌套 IF 和 foreach 语句以创建级联效果。然后只需通过 href="#yourid"指定即可打开和关闭要显示的 Accordion 。抱歉，如果这没有帮助。