[英]Query to Show Categories and Subcategories
我想顯示“類別”,然后在鼠標懸停時顯示“ SUBCATEGORIES”。 我有2張桌子:
create table categorias (
`idCategoria` int NOT NULL PRIMARY KEY,
`nomCategoria` varchar (55) NOT NULL,
`desCategoria` varchar (255),
`tipoCategoria` int (2),
`fotoCategoria` varchar (55),
`metaTiCategoria` varchar (255),
`metaDesCategoria` varchar (255),
`keywordsCategoria` varchar(100)
)
和
CREATE TABLE IF NOT EXISTS `subcategoria` (
`idSubcate` int(3) NOT NULL AUTO_INCREMENT,
`nomSubcate` varchar(55) NOT NULL,
`fotoSubcate` varchar(255) DEFAULT NULL,
`metaTiSubcate` varchar(255) DEFAULT NULL,
`metaDesSubcate` varchar(255) DEFAULT NULL,
`keywordsSubcate` varchar(255) DEFAULT NULL,
`tipoSubcate` int(1) DEFAULT NULL,
`cateSubcate` int(3) DEFAULT NULL,
PRIMARY KEY (`idSubcate`))
PHP代碼:
<ul class="grid cs-style-4">
<?
$cate = 'communit_new_site_2016.categorias';
$qry = ("SELECT *
from $cate
where $cate.tipoCategoria = 1 or $cate.tipoCategoria=3
ORDER BY $cate.nomCategoria
");
$rst = mysql_query($qry);
$tN = mysql_num_rows($rst);
$cN = 1;
?>
<?
while($categoria = mysql_fetch_assoc($rst)) {
?>
<li class="col-xs-12 col-sm-12 col-md-3">
<div class="col-xs-12 col-sm-12 col-md-12 text-center">
<figure>
<div><img src="<?= $categoria['fotoCategoria'] ?>" alt="<?= $categoria['nomCategoria'] ?>"></div>
<figcaption class="subcate">
<?
$sub = 'communit_new_site_2016.subcategoria';
$catein = 'communit_new_site_2016.categorias';
$qry1 = ("SELECT nomSubcate
from $sub
ORDER BY $sub.nomSubcate
");
$rst1 = mysql_query($qry1);
$tN1 = mysql_num_rows($rst1);
$cN1 = 1;
?>
<?
while($subcate = mysql_fetch_assoc($rst1)) {
?>
<span> <?= $subcate['nomSubcate']?></span>
<?
if($cN1 != $tN1) {
?>
<?
}
$cN1++;
}
?>
</figcaption>
</figure>
</div>
<div class="col-xs-12 col-sm-12 col-md-12 text-center">
<a href=""><span class="caption"><?=$categoria['nomCategoria']?></span></a>
</div>
</li>
<?
if($cN != $tN) {
?>
<?
}
$cN++;
}
?>
</ul>
該網頁是www.communita.com.mx/interior.php。 另外,有兩種類型:室內(內部)和室外(外部)。 這就是為什么我在室內和室外都使用tipoCategoria = 1(室內)和3的原因。
提前致謝。
這就是我使用左聯接的方法。 我沒有進行測試,因為我沒有您的數據庫,但是它應該向您展示我的方法的總體思路:
首先,執行查詢並將行讀入按類別ID分組的多維數組:
<?php
$cate = 'communit_new_site_2016.categorias';
$sub = 'communit_new_site_2016.subcategoria';
$qry = ("SELECT idCategoria, nomCategoria, fotoCategoria, idSubcate, nomSubcate
FROM $cate c LEFT JOIN $sub s ON c.idCategoria = s.cateSubcate
WHERE tipoCategoria = 1 OR tipoCategoria = 3 ORDER BY nomCategoria, nomSubcate");
$rst = mysql_query($qry);
while ($row = mysql_fetch_assoc($rst)) {
// use the category id as a key here to group the array
// these two values will just overwrite with the same thing if they're repeated
$categorias[$row['idCategoria']]['nomCategoria'] = $row['nomCategoria'];
$categorias[$row['idCategoria']]['fotoCategoria'] = $row['fotoCategoria'];
// the subcategory will be added to an inner array
$categorias[$row['idCategoria']]['subcategoria'][$row['idSubcate']] = $row['nomSubcate'];
}?>
在具有該結構的數組之后,將更容易輸出要獲取的HTML。
<ul class="grid cs-style-4">
<?php foreach ($categorias as $categoria): ?>
<li class="col-xs-12 col-sm-12 col-md-3">
<div class="col-xs-12 col-sm-12 col-md-12 text-center">
<figure>
<div>
<img src="<?= $categoria['fotoCategoria'] ?>"
alt="<?= $categoria['nomCategoria'] ?>">
</div>
<figcaption class="subcate">
<?php foreach ($categoria['subcategoria'] as $id => $subcategoria): ?>
<span><?= "$id: $subcategoria" ?></span>
<?php endforeach ?>
</figcaption>
</figure>
</div>
<div class="col-xs-12 col-sm-12 col-md-12 text-center">
<a href=""><span class="caption"><?= $categoria['nomCategoria']?></span></a>
</div>
</li>
<?php endforeach ?>
</ul>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.