我制作了一个bootstrap手风琴导航,用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是手风琴导航栏的主要项目。 top_tier表中的一个条目可以有来自表sub_tier的多个子节点,并且来自sub_tier表的所述条目也可以通过列parent_id(它是层次结构的类)生成子节点。所以,当我从top_tier表中的手风琴中点击一个项目时,它会显示其子项,然后如果我点击该top_tier项目中的项目,它将显示其子项目,如果它有任何等等...
这是手风琴的代码
<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
获取数据的phppublic function getTopTierItems(){
$SQL = "
SELECT
id,
name
FROM
top_tier
WHERE
status = 1
";
$results = $this->db_query_listx($SQL);
return $results;
}
这是从表sub_tier
获取数据的phppublic 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中单击子条目时,它将显示其子条目(如果有的话)。
答案 0 :(得分:0)
我不确定这会对我有所帮助,因为我是学生。我刚刚发现手风琴有问题。我也是在bootstrap中做的。如果我没记错的话,我想你想要能够在手风琴中使用手风琴。这里有一段代码,可以将html中的多个手风琴转换成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”来指定要打开和关闭你想要显示的手风琴。对不起,如果这没有帮助。