Het menu kan in twee delen worden verdeeld. De eerste bevat de informatiearray $array_menu, die de namen van onze secties bevat met links naar secties. Er is een optie om deze gegevens in de mySQL-database in te voeren, maar dit heeft geen bijzonder nut, aangezien de steekproef erg klein is, dus dit heeft geen invloed op de snelheid van het werk.

Het tweede deel bevat de uitvoer van het menu via een for-lus. De cyclus vergelijkt het siteadres met het adres uit de array $array_menu. Als er een match is, tonen we het volgende menugedeelte met een speciale actieve klasse:

De volgorde in de array blijft behouden wanneer het menu op de site wordt weergegeven. Dat wil zeggen dat de array moet worden gevuld in de volgorde waarin het menu moet worden weergegeven.

Opmerking:
Als de URL's (adressen) van de sectiekoppen er als volgt uitzien:
/sectie_1
of zoals dit
/razdel_1/nazvanie_razdela.html
dan moet je een exacte match in array_menu schrijven:
$array_menu[$i]["url"]="/razdel_1"
of voor het tweede geval:
$array_menu[$i]["url"]="/razdel_1/nazvanie_razdela.html";

Hoe werkt de eerste menuoptie?
Het markeert alleen het menu als u zich op het sectiekopadres bevindt. Als het paginaadres bijvoorbeeld /razdel_1/articles_1.html is, wordt het menu op geen enkele manier gemarkeerd.

De tweede versie van de code is een aangepaste versie van de eerste en biedt de mogelijkheid om menu's te markeren, zelfs in artikelen die zich in secties bevinden.

De tweede versie van de menucode in PHP

"; voor ($i=0;$i ": "

"; echo "".$array_menu[$i]["titel"]."

"; ) else ( echo ($URL) == ($array_menu[$i]["url"]) ? "

": "

"; echo "".$array_menu[$i]["titel"]."

";)) echo""; ?>

In eerdere lessen hebben we gekeken naar voorbeelden van wat arrays zijn. In deze tutorial gaan we in de praktijk arrays gebruiken om een ​​menu op een website te maken.

Waarom zijn ze handiger dan gewone HTML-tags?

Laten we zeggen dat onze site 100 pagina's heeft, die allemaal hetzelfde menu hebben. En plotseling moesten we menu-items wijzigen. Door alleen HTML te gebruiken, zullen we 100 pagina's van de site moeten bewerken, wat veel is. Dus PHP komt ons in dergelijke situaties te hulp. Het is voldoende om de menu-items slechts één keer in één bestand te wijzigen.

Laten we nu gaan.

Op lokale hosting in de map “ domeinen” maak een map met de naam “ reeks- menu. lokaal”.

In deze map maken we vier bestanden aan: index. php, over. php, contact. php En menu. php.

!!! De bestandssyntaxis moet zijnPHP.

In het index.php-bestand schrijven we een eenvoudig HTML-framework.

charset = "utf-8" >

Thuis

Kopieer deze code naar de about.php- en contact.php-bestanden. We veranderen alleen de paginanamen in de tag

.

We schrijven code voor het menu.

In bestand menu.php schrijf een associatieve array.

$menu= reeks (
"index "=> "index.php",
"over" => "over.php",
"contacten" => "contact.php"
);
?>

Hieronder schrijven we een menu met behulp van HTML-tags.

• href="#" >Thuis


• href="#" >Over ons


• href="#" >Contacten

• href="">Thuis


• href="">Over ons


• href="">Contacten

In de browser zien we een normaal menu in de vorm van een lijst.

Door op een menu-item te klikken, gaan we naar de overeenkomstige pagina en staat het menu op alle pagina's.

Laten we de taak nu ingewikkelder maken. We verwijderen alles uit het bestand menu.php En...

We schrijven een multidimensionale array.

charset = "utf-8" >



$menu= reeks (
reeks("link" => "Thuis", "href"=> "index.php"),
reeks("link" => "Over ons", "href"=> "over.php"),
reeks("link" => "Contacten", "href"=> "contact.php")
);
?>

• href="["href"]?> ">


• href=" ">


• href=" ">

En in de laatste fase...

Een menu tekenen met behulp van een lus voorleggen.

De lijst verwijderen uit het menu.php-bestand

en schrijf in plaats daarvan de volgende code.

echo"

" ;
voorleggen($menu als$item)(
echo "
• ($artikel)
" ;
}

In de browser zien we hetzelfde resultaat.

Om menu-items te wijzigen, wijzigt u ze gewoon in het bestand menu.php slechts één keer.

Geen enkele website is compleet zonder navigatie of, zoals ze het ook wel noemen, een ‘sitemenu’. Het sitemenu kan dus één niveau of meerdere niveaus hebben in de vorm van een boom. Als er geen bijzondere problemen zijn bij de implementatie van een menu met één niveau, moet u bij het maken van een menu met meerdere niveaus goed nadenken.

Het belangrijkste bij deze taak is het ontwerpen van de database voor ons menu met meerdere niveaus. Laten we een Categorieën-tabel maken met drie velden Identiteitskaart, titel, ouder Waar:

• Identiteitskaart- identificatie
• Titel- Menunaam
• Ouder- Standaard bovenliggende categorie 0

Het veld is verantwoordelijk voor de vertakking van het menu Ouder Als Ouder = 0, dan is deze categorie de bovenliggende categorie. Om afstammelingen aan de bovenliggende categorie toe te voegen, moet u dit in het bovenliggende veld opgeven Identiteitskaart de juiste ouder. Bijvoorbeeld:

Tabellen met categorieën

Zoals uit de tabel blijkt, de bovenliggende categorie Auto's er zijn twee nakomelingen - dit is Mazda En Honda per vakgebied gerelateerd Ouder. En de categorie motorfietsen twee nakomelingen zijn Kawasaki En Harley. Tegelijkertijd kent de categorie Boten geen nakomelingen. Ik hoop dat je begrijpt hoe je categorieën kunt koppelen.

Vervolgens gaan we van woorden naar praktijk. Laten we een Categorieën-tabel maken.

MAAK TABEL INDIEN NIET BESTAAT `categorieën` (`id` int(10) unsigned NOT NULL AUTO_INCREMENT, `title` varchar(255) NOT NULL, `parent` int(10) unsigned NOT NULL, PRIMARY KEY (`id`)) ENGINE=MijnISAM STANDAARD CHARSET=utf8 AUTO_INCREMENT=20; -- -- Dump tabelgegevens `categorieën` -- INSERT INTO `categorieën` (`id`, `title`, `parent`) VALUES (1, "Auto's", 0), (2, "Motorfietsen", 0) , (3, "Mazda", 1), (4, "Honda", 1), (5, "Kawasaki", 2), (6, "Harley", 2), (7, "Mazda 3", 3 ), (8, "Mazda 6", 3), (9, "Sedan", 7), (10, "Hatchback", 7), (11, "Boten", 0), (12, "Liftback", 8), (13, "Crossover", 8), (14, "Wit", 13), (15, "Rood", 13), (16, "Zwart", 13), (17, "Groen", 13), (18, "Mazda CX", 3), (19, "Mazda MX", 3);

Het werkalgoritme bestaat uit het volgende:

Maak een verbinding met de database

query("NAMEN INSTELLEN "utf8""); /* * Dit is de "officiële" objectgeoriënteerde manier om dit te doen * $connect_error werkte echter pas in PHP-versies 5.2.9 en 5.3.0.

*/ if ($mysqli->connect_error) ( die("Verbindingsfout (" . $mysqli->connect_errno . ") " . $mysqli->connect_error); ) /* * Als u zeker wilt zijn van compatibiliteit met versies vóór 5.2 .9, * is het beter om deze code te gebruiken */ if (mysqli_connect_error()) ( die("Verbindingsfout (" . mysqli_connect_errno() . ") " . mysqli_connect_error()); )

Een functie schrijven om gegevens uit de tabel Categorieën op te halen

//Haal de array van ons menu uit de database als een arrayfunctie getCat($mysqli)( $sql = "SELECT * FROM `categories`"; $res = $mysqli->query($sql); //Maak een array waar de sleutel van de array is, is het menu-ID $cat = array(); while($row = $res->fetch_assoc())( $cat[$row["id"]] = $row; ) return $kat)

We krijgen een array als deze, waarbij de arraysleutel de categorie-ID is.

Massief houten bouwfunctie van Tommy Lacroix

//Functie voor het bouwen van een boom uit een array van de Tommy Lacroix-functie getTree($dataset) ( $tree = array(); foreach ($dataset as $id => &$node) ( //Als er geen bijlagen zijn if ( !$node[" parent"])( $tree[$id] = &$node; )else( //Als er onderliggende elementen zijn, herhaal dan de array $dataset[$node["parent"]]["childs "][$id] = &$ node; ) return $tree;



We krijgen een array in de vorm van een boom

query("NAMEN INSTELLEN "utf8""); /* * Dit is de "officiële" objectgeoriënteerde manier om dit te doen * $connect_error werkte echter pas in PHP-versies 5.2.9 en 5.3.0.
• */ if ($mysqli->connect_error) ( die("Verbindingsfout (" . $mysqli->connect_errno . ") " . $mysqli->connect_error); ) /* * Als u zeker wilt zijn van compatibiliteit met versies vóór 5.2 .9, * is het beter om deze code te gebruiken */ if (mysqli_connect_error()) ( die("Verbindingsfout (" . mysqli_connect_errno() . ") " . mysqli_connect_error()); ) //Haal de array op van ons menu uit de database als een array-functie getCat($mysqli)( $sql = "SELECT * FROM `categories`"; $res = $mysqli->query($sql); //Maak een array waarin de array-sleutel is het menu-ID $cat = array(); while ($row = $res->fetch_assoc())( $cat[$row["id"]] = $row; ) return $cat ) //Functie voor een boom bouwen op basis van een array met de Tommy Lacroix-functie getTree($dataset) ( $tree = array(); foreach ($dataset as $id => &$node) ( //Als er geen bijlagen zijn if (!$node[ "parent"])( $tree[$id] = &$node; )else( //Als er nakomelingen zijn, laten we dan de array $dataset[$node["parent"]]["childs"][ doorlopen $id] = &$node ) ) return $tree ) // Haal een voorbereide array op met gegevens $cat = getCat($mysqli); //Maak een boommenu $tree = getTree($cat); //Sjabloon voor het weergeven van een menu in de vorm van een boomfunctie tplMenu($category)( $menu = "
  ". $category["titel"].""; if(isset($category["childs"]))( $menu .= "
  ". showCat($category["childs"]) ."
"; ) $menu.= "
"; return $menu; ) /** * Lees onze sjabloon recursief **/ function showCat($data)( $string = ""; foreach($data as $item)( $string .= tplMenu($item); ) return $string; //HTML-opmaak ophalen $cat_menu = showCat($tree);
"; ?>

".$cat_menu."

Resultaat van werk

Menu met meerdere niveaus in PHP + MySQL voor beheerderspaneel Als u dit menu in het beheerderspaneel van uw site wilt gebruiken, moet u een aantal functies herschrijven, tplMenu().

toonCat()".$categorie["titel"]." "; )else( $menu = "".$str." ".$categorie["titel"]."< $i; $j++){ $str .= "→"; } $i++; $menu .= showCat($category["childs"], $str); } return $menu; } /** * Рекурсивно считываем наш шаблон **/ function showCat($data, $str){ $string = ""; $str = $str; foreach($data as $item){ $string .= tplMenu($item, $str); } return $string; } //Получаем HTML разметку $cat_menu = showCat($tree, ""); //Выводим на экран echo ""; ) if(isset($category["childs"]))( $i = 1; for($j = 0; $j"; ?>

".$cat_menu."

Selecteer ". $cat_menu."