Affichage des catégories et sous-catégories

Version imprimable

Bonjour tout le monde,

Je suis entrain de voir pour réaliser un blog et je pèche un peu au niveau des catégories et sous-catégorie.

Voici la structure de ma table « tbl_categorie » qui correspond aux catégorie et sous-catégorie :

Code:

1
2
3
4
5
6
7
CREATE TABLE IF NOT EXISTS `tbl_categorie` (
  `id_categorie` int(11) NOT NULL AUTO_INCREMENT,
  `libelle_categorie` varchar(255) NOT NULL,
  `categorieid_parent_categorie` int(11) NOT NULL DEFAULT '0' COMMENT '0 => Pas de catégorie parent donc c''est elle le parent.',
  PRIMARY KEY (`id_categorie`),
  KEY `fk_tbl_categorie_tbl_categorie1_idx` (`categorieid_parent_categorie`)
) ENGINE=InnoDB  DEFAULT CHARSET=latin1 AUTO_INCREMENT=14 ;

Voici le contenu de ma « tbl_categorie » :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
INSERT INTO `tbl_categorie` (`id_categorie`, `libelle_categorie`, `categorieid_parent_categorie`) VALUES
(1, 'Cuisine', 0),
(2, 'Entrée', 1),
(3, 'Plat', 1),
(4, 'Dessert', 1),
(5, 'Entrée 1', 2),
(6, 'Entrée 2', 2),
(7, 'Poisson', 3),
(8, 'Viande', 3),
(9, 'Poisson 1', 7),
(10, 'Poisson 2', 7),
(11, 'Décoration', 0),
(12, 'Viande 1', 8),
(13, 'Viande 2', 8);

J’aimerai obtenir quelque chose du genre :

Cuisine
    Entrée
        Entrée 1 
        Entrée 2
    Plat
        Poisson
            Poisson 1 
            Poisson 2
        Viande
            Viande 1 
            Viande 2
    Dessert
Décoration

Donc je pense qu’il me faut un mélange de HTML et de PHP mais je ne vois pas trop comment faire, quelqu’un aurait-il une idée ?

Merci par avance.

20/04/2016, 15h17
-Rpass-

C'est exactement ça il te faut du PHP tu te connectes à la BDD tu récupères toutes tes catégories que tu peux trier en fonction de la catégorie parente.

Puis tu les parcours et tu les affiches en HTML
20/04/2016, 22h10
loic20h28

Merci de ta réponse.

Le problème c'est qu'il y a des sous-catégories de sous-catégories (et je veux prévoir le fait d'avoir des sous-catégories de sous-catégories à l'infini)
Car pour afficher les catégories(parent) et ensuite les sous-catégories(enfant) direct pas de souci mais les autres (les petits-enfants) je voit pas trop comment faire.

Je sait pas si je m'exprime correctement ?!

Merci par avance.
21/04/2016, 11h22
-Rpass-

Ah si il y a des sous catégories à l'infini ça se complique ... comment tu peux savoir si c'est un noeud ou pas, je pense qu'il faut revoir ton modèle de données
21/04/2016, 11h46
Celira

Ce que tu veux faire, c'est l'affichage d'un arbre (ou treeview)
En général, ça implique soit la récupération de tout l'arbre en base et une fonction récursive pour l'affichage, soit la récupération du 1er niveau avec une fonction récursive qui récupère les enfants de chaque niveau.
Tu as une idée du nombre de niveaux possibles et de la taille de la table ?

Au passage, ça aiderait pour la partie mise en forme si tu avais déjà un exemple de HTML statique, avec les balises et les css.

Réponse à -Rpass- :
Si c'est une catégorie parent je le sait car dans la colonne "categorieid_parent_categorie" c'est "0" comme valeur.
Par contre si c'est une sous catégorie dans la colonne "categorieid_parent_categorie", la valeur correspond à l'id de son parent.
Après si mon schéma est à modifier, je n'y voit pas d'objection mais je voit pas comment faire.

Réponse à Celira :
Oui c'est tout à fait ça, je veux faire l'affichage d'un arbre.
Dans le cas minimum je dirais 5 niveaux mais je veux pas me bloquer à 5 niveaux car on ne sait jamais ;)
Après au niveau de la mise en forme, je pense plutôt utiliser les balises "ul" et "li" ce qui pourrait donner (avec l'exemple présentée dans mon premier message) ceci :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 <ul> <li> Cuisine <ul> <li> Entrée <ul> <li> Entrée 1 </li> <li> Entrée 2 </li> </ul> </li> <li> Plat <ul> <li> Poisson <ul> <li> Poisson 1 </li> <li> Poisson 2 </li> </ul> </li> <li> Viande <ul> <li> Viande 1 </li> <li> Viande 2 </li> </ul> </li> </ul> </li> <li> Dessert </li> </ul> </li> <li>Décoration</li> </u>
Pour le css, je sait pas trop car je ne connait pas encore le template final du site.

Merci par avance.

Loïc.

21/04/2016, 12h42
Invité

Bonjour,

Citation:

Envoyé par loic20h28

...je veux prévoir le fait d'avoir des sous-catégories de sous-catégories à l'infini...

J'ai retrouvé une discussion intéressante sur le sujet.

Avec un lien tout aussi intéressant : modèles de gestion de données hierachiques
Voir la section : "The Nested Set Model"

Bonjour tout le monde,

Je vous remercie pour votre aide mais j'ai enfin trouvé la solution (grâce à ce que Celira m'a indiqué "En général, ça implique soit la récupération de tout l'arbre en base et une fonction récursive pour l'affichage, soit la récupération du 1er niveau avec une fonction récursive qui récupère les enfants de chaque niveau.").

Voici le code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
echo '<ul>';
	$sql_categorie = 'SELECT id_categorie, libelle_categorie 
					  FROM tbl_categorie 
					  WHERE categorieid_parent_categorie = 0';
	foreach($dbh->query($sql_categorie) as $row_categorie)
    {
		echo '<li>'.$row_categorie['libelle_categorie'].'</li>';
		sous_categorie($row_categorie['id_categorie']);
	}
	function sous_categorie($categ) {
		$dbh = new PDO('mysql:host=localhost;dbname=marie_test', 'root', '');
		echo '<ul>';
		$sql_sous_categorie = 'SELECT id_categorie, libelle_categorie 
							   FROM tbl_categorie 
							   WHERE categorieid_parent_categorie = '.$categ;
		foreach($dbh->query($sql_sous_categorie) as $row_sous_categorie)
		{
			echo '<li>'.$row_sous_categorie['libelle_categorie'].'</li>';
			sous_categorie($row_sous_categorie['id_categorie']);
		}
		echo '</ul>';
	}
	echo '</ul>';

Cordialement.
Loïc.

Bonjour,

tu n'es pas obligé de réouvrir une connexion dans tes FONCTIONS :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
$dbh = new PDO('mysql:host=localhost;dbname=marie_test', 'root', '');
 
echo '<ul>';
//...............
foreach($dbh->query($sql_categorie) as $row_categorie)
{
	//...............
}
 
function sous_categorie($categ) {
	global $dbh; // VARIABLE GLOBALE
	//...............
}
echo '</ul>';

24/04/2016, 15h51
loic20h28

Ah oui en effet, j'y est même pas pensée à la variable global!!
Merci de la remarque constructive en tout cas ^^