geen submenu
Ik heb inderdaad alles al in de juiste volgorde staan. Dat doe ik door het veld 'menu_sub_van' te gebruiken om aan te geven onder welk menu hij hoort, en 'menu_waarde' bepaal ik de hoogte in het menu. De items die het hoofdmenu vormen, hebben bij 'menu_sub_van' de waarde 0.
Als er een submenu is, vul ik daar de waarde in die bij de hoofdmenu-items bij 'menu_waarde' is ingevuld.
Door ORDER BY te gebruiken, levert de query alles in de juiste volgorde aan. Het blijft natuurlijk wel dat de data die ik in geef, goed moet worden ingegeven. Anders staat het menu door elkaar. Maar dat heeft verder niets met de werking van de code te maken.
Mijn probleem zit hem in het vullen van de array.
Misschien daarna nog wel meer, maar dat durf ik nu niet te zeggen. Ik dank dat het dan wel gaat lukken.
Want als het goed is zou bij een op de juiste manier gevulde array, de code moeten werken.
Dit zou in grote lijnen moeten werken, hierbij bouw ik rechtstreeks de boom, zonder "myItems" in een apart array te zetten:
Code (php)
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
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
<?php
$query =
"SELECT menu_id, menu_tekst, menu_waarde, menu_sub_van, menu_link, menu_reg_date
FROM tabel_menu
ORDER BY menu_sub_van, menu_waarde";
$result = mysqli_query($connect, $query);
// NB dit is automatisch het element op index 0, het root-element, je zou dit ook expliciet kunnen doen met 0 => array(...)
$myTree = array(
array(
'data' => 'root',
'parent' => false, // of NULL, of wat dan ook, de root heeft geen parent
'children' => array(),
),
);
while ($row = mysqli_fetch_assoc($result)) {
// maak het huidige tree-item aan
$myTree[$row['menu_id']] = array(
'parent' => $row['menu_sub_van'], // niet echt nodig om toe te voegen, maar kan handig zijn
'data' => $row['menu_tekst'],
'children' => array(), // initialiseer children als leeg array
);
// voeg het huidige item toe als child van de parent :)
// de query zou door de sorteervolgorde moeten garanderen dat het parent-element - $myTree[$row['menu_sub_van']] - reeds bestaat
$myTree[$row['menu_sub_van']]['children'][] = $row['menu_id'];
}
// de rest als voorheen
?>
$query =
"SELECT menu_id, menu_tekst, menu_waarde, menu_sub_van, menu_link, menu_reg_date
FROM tabel_menu
ORDER BY menu_sub_van, menu_waarde";
$result = mysqli_query($connect, $query);
// NB dit is automatisch het element op index 0, het root-element, je zou dit ook expliciet kunnen doen met 0 => array(...)
$myTree = array(
array(
'data' => 'root',
'parent' => false, // of NULL, of wat dan ook, de root heeft geen parent
'children' => array(),
),
);
while ($row = mysqli_fetch_assoc($result)) {
// maak het huidige tree-item aan
$myTree[$row['menu_id']] = array(
'parent' => $row['menu_sub_van'], // niet echt nodig om toe te voegen, maar kan handig zijn
'data' => $row['menu_tekst'],
'children' => array(), // initialiseer children als leeg array
);
// voeg het huidige item toe als child van de parent :)
// de query zou door de sorteervolgorde moeten garanderen dat het parent-element - $myTree[$row['menu_sub_van']] - reeds bestaat
$myTree[$row['menu_sub_van']]['children'][] = $row['menu_id'];
}
// de rest als voorheen
?>
Overigens, als de parent (menu_sub_van) NULL is, wat mogelijk handig kan zijn als je een relationele database hebt en een foreign key wilt maken die naar zichzelf (dezelfde tabel) wijst, dan zou je deze om moeten zetten naar 0 ingeval het het root-element betreft (of wat je voor index voor het root-element gekozen hebt - ook dit kun je vangen in een variabele zodat je dit maar op 1 plaats hoeft aan te passen), dus zoiets voor alle code:
Code (php)
1
2
3
2
3
<?php
$parent = ($row['menu_sub_van'] === NULL ? 0 : $row['menu_sub_van']);
?>
$parent = ($row['menu_sub_van'] === NULL ? 0 : $row['menu_sub_van']);
?>
En vervolgens refereer je overal aan de parent via $parent in plaats van $row['menu_sub_van']. Dit werk mogelijk ook beter voor de leesbaarheid.
Ten overvloede:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<?php
$rootId = 0; // definieer deze variabele op 1 plek zodat je deze ook maar op 1 plaats hoeft aan te passen
$myTree = array(
$rootId => array(
'data' => 'root',
'parent' => NULL,
'children' => array(),
),
);
while ($row = mysqli_fetch_assoc($result)) {
$parent = ($row['menu_sub_van'] === NULL ? $rootId : $row['menu_sub_van']);
$myTree[$row['menu_id']] = array(
'parent' => $parent,
'data' => $row['menu_tekst'],
'children' => array(),
);
$myTree[$parent]['children'][] = $row['menu_id'];
}
?>
$rootId = 0; // definieer deze variabele op 1 plek zodat je deze ook maar op 1 plaats hoeft aan te passen
$myTree = array(
$rootId => array(
'data' => 'root',
'parent' => NULL,
'children' => array(),
),
);
while ($row = mysqli_fetch_assoc($result)) {
$parent = ($row['menu_sub_van'] === NULL ? $rootId : $row['menu_sub_van']);
$myTree[$row['menu_id']] = array(
'parent' => $parent,
'data' => $row['menu_tekst'],
'children' => array(),
);
$myTree[$parent]['children'][] = $row['menu_id'];
}
?>
En weer op eenzelfde wijze zou je $row['menu_id'] kunnen vangen in een variabele $currentId ofzo.
Deze regel wordt dan ook meteen (nog) beter leesbaar:
Code (php)
1
2
3
2
3
<?php
$myTree[$parent]['children'][] = $currentId;
?>
$myTree[$parent]['children'][] = $currentId;
?>
En dat illustreert weer het belang van een goede naamgeving voor (en de introductie van hulp)variabelen.
Gewijzigd op 06/02/2020 21:12:35 door Thomas van den Heuvel
Ik heb het een en ander aangepast en wat gevogeld.
Eerder leerde ik dat PHP en HTML code zo veel mogelijk gescheiden dient te worden. Dus beginnen met PHP en daarna de HTML met een minimum aan PHP code. Dus die les heb ik goed onthouden en hier verwerkt.
Allemaal erg bedankt voor deze nieuwe lessen.
De code hier onder, is de uiteindelijke code. Het werkt.
Code (php)
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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<?php // *** menu ****
$query =
"SELECT menu_id, menu_tekst, menu_waarde, menu_sub_van, menu_link, menu_reg_date
FROM tabel_menu
ORDER BY menu_sub_van, menu_waarde";
$result = mysqli_query($connect, $query);
// NB dit is automatisch het element op index 0, het root-element, je zou dit ook expliciet kunnen doen met 0 => array(...)
$rootId = 0; // definieer deze variabele op 1 plek zodat je deze ook maar op 1 plaats hoeft aan te passen
$myTree = array(
$rootId => array(
'data' => 'root',
'parent' => NULL,
'link' => NULL,
'children' => array(),
),
);
while ($row = mysqli_fetch_assoc($result)) {
$parent = ($row['menu_sub_van'] === NULL ? $rootId : $row['menu_sub_van']);
// maak het huidige tree-item aan
$myTree[$row['menu_waarde']] = array(
'parent' => $parent, // niet echt nodig om toe te voegen, maar kan handig zijn
'data' => $row['menu_tekst'],
'link' => $row['menu_link'],
'children' => array(), // initialiseer children als leeg array
);
// voeg het huidige item toe als child van de parent :)
// de query zou door de sorteervolgorde moeten garanderen dat het parent-element - $myTree[$row['menu_sub_van']] - reeds bestaat
$myTree[$parent]['children'][] = $row['menu_waarde'];
}
// weergavefunctie
function displayTree($tree, $index)
{
if ($index == 0) {
echo "<ul class='art-hmenu'>";
}
else
{
echo "<ul>";
}
foreach ($tree[$index]['children'] as $child)
{
echo "<li><a href='".$tree[$child]['link']."'>".$tree[$child]['data']."</a>";
if (count($tree[$child]['children']) > 0)
{
displayTree($tree, $child);
}
echo "</li>";
}
echo "</ul>";
}
?>
<nav class="art-nav">
<?php
// weergave
if (count($myTree) > 0)
{
displayTree($myTree,0);
}
?>
</nav>
$query =
"SELECT menu_id, menu_tekst, menu_waarde, menu_sub_van, menu_link, menu_reg_date
FROM tabel_menu
ORDER BY menu_sub_van, menu_waarde";
$result = mysqli_query($connect, $query);
// NB dit is automatisch het element op index 0, het root-element, je zou dit ook expliciet kunnen doen met 0 => array(...)
$rootId = 0; // definieer deze variabele op 1 plek zodat je deze ook maar op 1 plaats hoeft aan te passen
$myTree = array(
$rootId => array(
'data' => 'root',
'parent' => NULL,
'link' => NULL,
'children' => array(),
),
);
while ($row = mysqli_fetch_assoc($result)) {
$parent = ($row['menu_sub_van'] === NULL ? $rootId : $row['menu_sub_van']);
// maak het huidige tree-item aan
$myTree[$row['menu_waarde']] = array(
'parent' => $parent, // niet echt nodig om toe te voegen, maar kan handig zijn
'data' => $row['menu_tekst'],
'link' => $row['menu_link'],
'children' => array(), // initialiseer children als leeg array
);
// voeg het huidige item toe als child van de parent :)
// de query zou door de sorteervolgorde moeten garanderen dat het parent-element - $myTree[$row['menu_sub_van']] - reeds bestaat
$myTree[$parent]['children'][] = $row['menu_waarde'];
}
// weergavefunctie
function displayTree($tree, $index)
{
if ($index == 0) {
echo "<ul class='art-hmenu'>";
}
else
{
echo "<ul>";
}
foreach ($tree[$index]['children'] as $child)
{
echo "<li><a href='".$tree[$child]['link']."'>".$tree[$child]['data']."</a>";
if (count($tree[$child]['children']) > 0)
{
displayTree($tree, $child);
}
echo "</li>";
}
echo "</ul>";
}
?>
<nav class="art-nav">
<?php
// weergave
if (count($myTree) > 0)
{
displayTree($myTree,0);
}
?>
</nav>
Gewijzigd op 08/02/2020 16:31:42 door Frits van Leeuwen