H7: Read: Van database naar tabel

• Applicatie- en mediaontwikkelaar
• MBO
• Studiejaar 1

Read: van database naar tabel

WDV-III en DBS-I

Les H7 / Week 4

Even terugblikken

• Met een insert-query en PDO-object kunnen we informatie toevoegen aan de database
• Placeholders toevoegen voor de veiligheid
• Dropdown en checkbox
• Boodschap teruggeven aan 

gebruiker.

Leerdoelen

• Je kunt een pagina maken en bijhorende code in de controller om een nieuw item in te voegen in de database-tabel.
• Je kunt een select-query schrijven en uitvoeren, eventueel met een where-clause.
• Je geeft de juiste tabel aan waaruit geselecteerd moet worden.
• Je geeft de juiste voorwaarde aan indien nodig 
• Waar nodig sorteer je het resultaat op de juiste kolom.

Voeg de juiste SQL-code in de query toe om een statement voor te bereiden?

gebruikers (naam, gebruikersnaam, leeftijd)

INSERT INTO

VALUES

(:naam, :gebruikersnaam, :leeftijd)

($naam, $gebruikersnaam, $leeftijd)

':naam', ':gebruikersnaam', ':leeftijd'

SELECT

FROM

WHERE

Hoe zorg je dat de VERBINDING bereikbaar is vanuit je controller?

1. $_POST[ 'conn.php'];
2. header("location: index.php");
3. $conn->prepare($query)
4. require_once 'conn.php'

Met welke php-functie bereid je de uitvoer van je SQL-statement voor?

1. require_once
2. $query
3. prepare
4. execute

Geef een voorbeeld van een juiste placeholder?

Met welke functie check je of een checkbox is aangevinkt?

1. is_numeric($_POST['news']);
2. is_empty($_POST['news']);
3. isset($_POST['news']);
4. isset($news);

READ

• Overzicht van alle contacten / meldingen / taken etc.

PHP kun je schrijven:

• In een controller: enkel PHP code (backend)
• Tussen je HTML: front-end wordt dynamisch. Inline PHP. Je opent PHP in je HTML en echo't daar iets; bijv.

<p> <?php echo $name; ?> </p> 

Request - response

Opdracht 7.4: inline PHP

Wat: maak opdracht 7.4

Hoe: moduleboekje, pagina 34

Hulp: je buurman - daarna docent

Uitkomst: een werkende browserpagina waarop de gegevens te zien zijn. 

Klaar: start met de weekcheck van H7

SELECT-query uitvoeren

Stappen:

• Voer de SELECT-query uit volgens het 5-stappenplan (pag. 24)
• Bouw de structuur van je lijst of tabel op.
• Gebruik een loop om voor ieder item uit de database iets te printen.

Stappen in code

Als we geen selectie hoeven te maken: "SELECT * FROM tabel"

SELECT is eenvoudiger dan INSERT: geen placeholders, want geen gegevens die we hoeven in te voegen

Merk op dat stap 5 is toegevoegd; geldt niet voor INSERT, wel voor SELECT, omdat we de gegevens ophalen en in een variabele zetten om te gebruiken.

Debuggen met print_r( )

Inhoud van een array (lijst) bekijk je met de print_r-functie.

Bevat verschillende key-value-combinaties.

Opdracht 7.7: meldingen ophalen en dumpen

Wat: Opdracht 7.7: stap 1 t/m 4 uitvoeren

Hoe: moduleboekje WDV-III, pagina 36

Hulp: je buurman - daarna de docent

Uitkomst: een overzicht van alle gegevens uit meldingen uit de database.

Klaar: ga verder met de weekcheck van H7.

Een foreach( )-loop

• Om met data te werken: erdoorheen loopen
  
• foreach ( )-loop door een array

In php                                                  In HTML

Opdracht 7.9: loopen door meldingen

Wat: Opdracht 7.9: uitvoeren

Hoe: moduleboekje WDV-III, pagina 37

Hulp: je buurman - daarna de docent

Uitkomst: een overzicht van de meldingen onder elkaar.

Klaar: ga verder met de weekcheck van H7.

Table-tag

Gegevens netjes tonen met een HTML-tabel

<table></table> om aan te geven dat er een tabel volgt. 

<tr></tr> Table row: rij in de tabel 

<th></th> Table head: koppen van de tabel: in de bovenste rij

<td></td> Table cell: een cel die je vult met informatie.

Tabel opbouw in HTML

Welk element gebruik ik voor elke kop van een tabel.

1. <table></table>
2. <th></th>
3. <tr></tr>
4. <td></td>

Welk element gebruik om één tabel cel te specificeren

1. <table></table>
2. <th></th>
3. <tr></tr>
4. <td></td>

Met welk element geef ik aan dat ik een tabel ga gebruiken?

1. <table></table>
2. <th></th>
3. <tr></tr>
4. <td></td>

Met welk element geef ik aan dat ik een tabel rij ga specificeren?

1. <table></table>
2. <th></th>
3. <tr></tr>
4. <td></td>

Opdracht 7.11: meldingen in een tabel

Wat: Opdracht 7.11 uitvoeren

Hoe: moduleboekje WDV-III, heel pagina 39

Hulp: je buurman - daarna de docent

Uitkomst: een overzicht van de meldingen in een tabel.

Klaar: ga verder met de weekcheck van H7.

Samen bespreken

Een tabel stylen

Specifieke styling voor een tabel toevoegen

Specifiek even regels/ oneven regels

Specifiek voor hoveren

Specifiek voor enkel de bovenste rij (koppen)

Opdracht 7.13: tabel afmaken

Wat: Opdracht 7.13 uitvoeren

Hoe: moduleboekje WDV-III, pagina 40

Hulp: je buurman - daarna de docent

Uitkomst: een overzicht van de meldingen in een tabel met styling.

Klaar: ga verder met de weekcheck van H7.

Weekcheck H7: Toolshed

Wat: Weekcheck H7 uitvoeren

Hoe: moduleboekje WDV-III, pagina 41

Hulp: je buurman - daarna de docent

Uitkomst: een overzicht van de tools in een nette gestylede tabel.

Klaar: Inleveren Itslearning: 

• screenshot tools/index.php
• screenshot van de tabel in je browser

Daarna: verder met herhalingsoefening van klassenlijst, waar je vorige week aan begonnen bent.