Koppel de database aan jouw frontend en gebruik de data om de producten op je frontend te tonen.

Dat doe je door bestaande HTML code te vervangen of uit te breiden met PHP.

Stappenplan

  1. Database connectie opzetten Maak een PHP file aan waarin je een verbinding maakt met jouw database. Gebruik hiervoor bij voorkeur PDO. Zie voor meer informatie: https://www.w3schools.com/php/php_mysql_connect.asp Test het PHP script door het uit te voeren. Tip: Vergeet niet je Webserver en Databaseserver aan te zetten in localhost.

  2. Simpele select uitvoeren Voer nu een simpele select uit waarmee je data uit de database toont in je php-pagina. Zie voor meer informatie: https://www.w3schools.com/php/php_mysql_select.asp

  3. Gegevens in de frontend vervangen door gegevens uit database Nu je een database verbinding hebt gemaakt en het is gelukt om gegevens uit de database op het scherm te tonen ga je dit principe toepassen op je bestaande frontend. Laat per categorie-row ook enkel de films zien die in die categorie zitten. (Tip: gebruik in je query: WHERE category = ‘…..’)

  4. Doorlinken naar detail pagina vanuit films-overzicht Zorg dat de link in/op ieder product doorlinkt naar een pagina waarop details van een film kunnen worden bekeken. (bijvoorbeeld: length, summary, year)

  5. Detail pagina realiseren Maak een dynamische detail pagina waarop de details van 1 film worden getoond op basis van de id van het product in de database. Gebruik de look-en-feel van de homepage, bepaal verder zelf de invulling en aankleding.

  6. Herstructureer je bestandsstructuur en isoleer een ‘connection script’ Vaak is het handig om het stukje code waarmee je verbinding maakt met de database in een afzonderlijke file op te nemen en het te ‘includen’ in andere bestanden op het moment dat je het nodig hebt.

Opleveren

Voorbeeld Pokemon code

Maak eventueel gebruik van de voorbeeldcode die in de les is besproken.

Extra uitdaging