URL-trigger functie

Voorkennis

Basis programmeren; variabelen, if-else, arrays, loops

Renderen (verzamelen gegevens, bijvoorbeeld gegevens in één lange string verzamelen)

Structuur-> eerst logica, daarna weergave.

Dit ga je leren

Content laden op basis van een query-string in de url

Wat is het wat we willen bereiken

Je wilt meerdere pagina's kunnen openen zonder van URL te switchen
Hoe kan je meerdere PHP-files openen vanuit één pagina ?
De opbouw van jouw site kan dynamischer; één layout-structuur waarin andere PHP-content wordt geïnjecteerd
!! DIT is GEEN monkey-see-monkey-do opdracht

Opdracht

Maak een index-file en een map 'content'.
Maak tenminste twee files in de map content, bijvoorbeeld: 'home' en 'bla'.

website04
 |-- css
     |-- gallery.css
     |-- layout.css
     |-- navbar.css
 |-- core
     |-- css.php        // file met functie uit eerdere opdracht
     |-- navbar.php
     |-- bla.php
 |-- content
     |-- home.php
     |-- gallery.php    // file met functie uit eerdere opdracht
     |-- articles.php
     |-- bla.php
 |-- index.php

Maak PHP-files aan in de 'content' map waarin de functie en de bestandsnaam EXACT hetzelfde zijn.
De naam van het PHP-contentbestand en de naam van de functie zijn hetzelfde.
Door dit te doen kan je door een GET-waarde (key: controller) gebruiken om een PHP-file (met dezelfde naam) in te lezen

Elk content-file bevat ALTIJD een functie die een return teruggeeft. De return van een content-functie is altijd een stuk HTML waarin gewenste informatie wordt getoond. Dit kan tekst, afbeeldingen, tabellen, lijsten en formulieren zijn, of een combinatie daarvan.

Het content-bestand bevat ALTIJD een FUNCTIE die een return geeft met het daarin de gewenste informatie die opgebouwd. is opgebouwd met HTML en PHP-code. Dit kan tekst, afbeeldingen, tabellen, lijsten en formulieren zijn, of een combinatie daarvan.
Laat de FUNCTIEs in content-files in ieder geval een titel als inhoud teruggeven.
Voor de home-content in het bestand de content/home.php bevat heeft dus een functie home(), eenvoudige content en eventueel wat logica teruggeven, bijvoorbeeld:
waarin bijvoorbeeld deze eenvoudige code kan staan;

    return '<h1>Home</h1>';

Plaats in de index-file ankers die verwijzen naar de index-file, maar voeg een query-string toe.


<?php
   // alle php-logica komt hier!
?>
<!DOCTYPE html>
<html lang="en">
<body>
  <a href="index.php?controller=home">home</a> | 
  <a href="index.php?controller=bla">bla</a>
  <article>
      <?php
         // gerenderde output komt hier!
      ?>
  </article>
</body>
</html>

Probeer het volgende te realiseren:

PHP logica boven in
Alle PHP logica in functies te plaatsen
Zet elke functie in een eigen php-file en include deze (wanneer nodig)

Gebruik de $_GET superglobal om de bestanden in de map content in te voegen in index.php (file-inclusion).
- Let op! Als er geen query-string is in de url (1e maal site bezoeken; get-controller is empty), wat doe je dan?!
- Het invoegen van externe bestanden is onveilig. Waar om eigenlijk? Maak je code veiliger door gebruik te maken van een whitelist.
Voer de logica uit voor de HTML-tag, maar toon de opgevraagde content wel in de article-tag.
Controleer of de juiste content wordt getoond.

Mooi als dit werkt, maar er zijn geen functies gebruikt.

Maak in beide content-bestanden een functie die exact dezelfde naam heeft als de bestandsnaam en daarmee ook overeenkomt met een waarde in de query-string van een url in het menu.
Pas het inlezen en aanroepen van de content op basis van de query-string aan. Bekijk daarvoor evt het volgende stukje code;

<?php
   if( empty($_GET['controller'])) { 
       $_GET['controller'] = 'home';
   }

    include( 'content/'.$_GET['controller'].'.php' );

    $function = $_GET['controller']; 
    $render = $function();      // index.php?controller=bla  ===>>  $_GET['controller ] = 'bla'   ===>>   bla()
?>

<html>
   <article>
        <?php echo $render; ?>
   </article>
</html>

Vraag de gewenste content op door gebruik te maken van de url in de browser, bijvoorbeeld:

http://localhost/website04/index.php?content=home
http://localhost/website04/index.php?content=gallery

Maak het opvragen van content menu-items aan in de HTML body-tag, waardoor de applicatie gebruikersvriendelijker wordt.

Tips:

Controleer of de PHP-bestanden bestaan voordat je ze include met bijvoorbeeld de functie: file_exist().

Op te leveren

Een werkend menu, dat content ophaalt uit een specifiek bestand EN de functie aanroept die daar in staat.

Heldere en duidelijke folderstructuur voor content en core-bestanden die de applicatie laten werken.

Eén Layout, geen herhalingen van de complete html-structuur, zoals , en
.

Bij benadering van de website voor de eerste keer wordt een 'homepage' getoond.

Evaluatie

Vraag om een code-review om feedback op jouw aanpak en tips voor best-practices te krijgen.
Dit is een rubrics of checklist waaraan je kunt zien of de opdracht juist is uitgevoerd