【发布时间】:2019-12-14 04:46:42
【问题描述】:
我有以下表格:
分类: 类别id,类别名称
产品: id、category_id、product_name
我正在使用 bootstrap 4,我想将每个类别显示为手风琴标题,并在手风琴正文中列出属于该类别的所有产品。
使用 php 7
function getProducts(){
$db = new DB();
$rows = $db->db_select("SELECT category.category_id, category.category_name, products.id, products.category_id, products.product_name
FROM products
INNER JOIN category ON products.id = category.category_id
ORDER BY category.category_name
");
if($rows === false){
$error = db_error();
} else {
return $rows;
}
}
$data = new CORE();
$products = $data->getProducts();
<div class="accordion" id="accordionExample">
<? foreach($products as $p){ ?>
<div class="card">
<div class="card-header" id="headingOne">
<h5 class="mb-0">
<button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
<? echo $p['category_name'] ?>
</button>
</h5>
</div>
<div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionExample">
<div class="card-body">
<? echo $p['product_name'] ?>
</div>
</div>
</div>
<? } ?>
</div>
数据库数据:
【问题讨论】:
-
你能告诉我们你的代码或你迄今为止尝试过的任何东西
-
添加了代码,但不确定如何嵌套它以显示每个类别,然后显示其下的产品
-
请展示您的数据库结构和一些虚拟数据以提供更好的答案
-
添加数据库图片
-
我可以看到您已经收到了很好的问题答案。那么您能否将答案标记为答案,并且您的投票对其他人也很有价值