Dynamisch Genereren van HTML Elementen met PHP

• Applicatie- en mediaontwikkelaar
• MBO
• Studiejaar 1

Dynamisch Genereren van HTML Elementen met PHP

Hoe staan we erin vandaag?

😒🙁😐🙂😃

Leerdoel

Het dynamisch genereren van html elementen aan de hand van het aantal rows uit de database met gebruik van php.

Inhoud

Voorkennis activeren

Wat is dynamisch genereren

Hoe doe je dat

Opdracht

Waarmee maak je een nieuwe regel in de tabel

1. FLOAT
2. UPDATE
3. CREATE
4. INSERT

Hoe schrijf je een SELECT query

Wat doet Auto Increment

1. Verhoogd de teller met 1
2. Is een verplicht veld die je moet invullen
3. Genereert een uniek nummer
4. Doet niets

Hoe kan PHP worden gebruikt om gegevens uit een database op te halen?

Html

Wat zijn HTML-elementen en hoe worden deze normaal gesproken gegenereerd op een webpagina?

Dynamische Generatie

Wat betekent het om HTML-elementen dynamisch te genereren en waarom is dit handig?

Aantal Rows Uit Database

Hoe kan het aantal rijen uit een database worden opgehaald en gebruikt worden in PHP?

• Fetch()
• FetchAll()

Loopstructuur in PHP

Wat is een loop in PHP en hoe kan dit worden toegepast bij het genereren van HTML-elementen?

Praktische Oefening

Oefening: Gebruik de opgehaalde databasegegevens om een dynamische lijst van HTML-elementen te genereren met PHP.

Wat: Maak dynamische HTML elementen.

Hoe:

• Gebruik een select all om data op te halen.
• Gebruik een foreach loop om die in je html tags te laden.

Hulp:  

Stap1:

W3schools/PDO

W3schools/loops

Stap2: Vraag de Docent

Tijd: 10min

Klaar: Genereer een delete knop bij elke regel

Schrijf 3 dingen op die je hebt geleerd over dynamisch genereren.

De leerlingen voeren hier drie dingen in die ze in deze les hebben geleerd. Hiermee geven ze aan wat hun eigen leerrendement van deze les is.

Schrijf 2 dingen op waarover je meer wilt weten.

De leerlingen voeren hier twee dingen in waarover ze meer zouden willen weten. Hiermee vergroot je niet alleen betrokkenheid, maar geef je hen ook meer eigenaarschap.

Stel 1 vraag over iets dat je nog niet zo goed hebt begrepen over deze les.

De leerlingen geven hier (in vraagvorm) aan met welk onderdeel van de stof ze nog moeite. Voor de docent biedt dit niet alleen inzicht in de mate waarin de stof de leerlingen begrijpen/beheersen, maar ook een goed startpunt voor een volgende les.