Databases via internet
Zo werken Statische HTML-pagina’s
Een webserver kun je zien als een programma die een verzameling HTML-documenten, zogenaamde webpagina's beheert. Dit programma staat op een computer die verbonden is met het internet (de webserver machine). Iemand die zo'n pagina wil bekijken (de client), kan met zijn browser via het internet contact leggen met de server en een verzoek sturen voor het bekijken van die pagina. De webserver stuurt dan een kopie van het HTML-document naar de client. Zijn browser zorgt er vervolgens voor dat de HTML-code wordt omgezet in een leesbare pagina.
web server browser webserver machine HTML-pagina's internet http-verzoek voor een pagina http-verzoek voor een pagina HTML pagina HTML pagina gebruikers machine browser weergave
De inhoud van een database bekijken via een website
Wanneer je via een website gegevens uit een database wilt bekijken, of daarin opslaan, dan is er meer nodig. Er moet een klein programma, een zogenaamd script worden uitgevoerd. Dit script maakt contact met de database en zorgt voor het ophalen (of opslaan) van de gegevens. Bovendien moet het script deze gegevens omzetten in HTML, omdat ze alleen in deze vorm kunnen worden weergegeven in de browser.
Verwerking andere bestanden database (MySQL) scriptmachine(PHP parser) (PHP)scripts Verwerking verzoek + formulierinvoer HTML web server (Apache) HTML-pagina's webserver machine HTML internet http-verzoek voor script + eventuele formulierinvoer http-verzoek voor script + formulierinvoer HTML pagina HTML pagina browser weergave gebruikers machine
Hoe maakt een script HTML-code
We beginnen eenvoudig. We kijken eerst hoe we een script kunnen uitvoeren dat een eenvoudige HTML-pagina maakt (zonder gebruik van gegevens uit een database). Daarna bekijken we de inhoud van het script. Het starten van een script gebeurt via een http-verzoek: in de browser wordt de URL (het internet adres) van het script in de adresbalk ingetypt. De webserver stuurt het verzoek door naar de scriptmachine die het script ophaalt en verwerkt. De uitvoer van deze verwerking is een HTML-pagina die naar de client wordt teruggestuurd en wordt weergegeven in de browser.
Verwerking scriptmachine(PHP parser) (PHP)scripts verzoek HTML web server (Apache) HTML-pagina's webserver machine HTML internet http-verzoek voor script + formulierinvoer http-verzoek voor script HTML pagina HTML pagina browser weergave gebruikers machine
print("<HTML> \n"); print("<BODY> \n"); print("Hai \n"); scriptmachine(PHP parser) (PHP)scripts Verwerking <?php print("<HTML> \n"); print("<BODY> \n"); print("Hai \n"); print("</BODY> \n"); print("</HTML> \n"); ?> verzoek HTML web server (Apache) HTML-pagina's webserver machine HTML internet http-verzoek voor script + formulierinvoer http-verzoek voor script HTML pagina HTML pagina browser weergave gebruikers machine
Een PHP-script script1.php HTML: <?php print("<HTML>"); print("<BODY>"); print("Hai"); print("</BODY>"); print("</HTML>"); ?> Een belangrijk commando van de scripttaal is de schrijf-opdracht. In de scripttaal PHP is dat het commando: print . Daarmee wordt de HTML-code opgebouwd HTML: <HTML> <BODY> Hai </BODY> </HTML>
Een script kan ook in HTML-code worden ingevoegd (zoals bijvoorbeeld JavaScipt). De HTML-code buiten het script veranderd niet. Op de plaats van het script komt de HTML-code te staan die door het scipt wordt gemaakt.
Kan ook binnen HTML script2.php HTML: <HTML> <BODY> print("Hai"); ?> </BODY> HTML: <HTML> <BODY> Hai </BODY> </HTML>
Enkele mogelijkheden en voorbeelden met PHP
Veel mogelijkheden die programmeertalen bieden, bestaan ook in een scripttaal (hier: PHP) , zoals bijvoorbeeld het werken met variabelen. In PHP geef je een variabele aan met een woord dat begint met een $-teken, bijvoorbeeld: $x, of $naam. PHP is veel minder streng bij het gebruik van variabelen dan een taal als Java. Variabelen hoeven bijvoorbeeld niet eerst gedeclareerd te worden.
Werken met variabelen script3.php HTML: <HTML> <BODY> $woord = "Hai"; print("$woord"); ?> </BODY> HTML: <HTML> <BODY> Hai </BODY> </HTML>
De herhalings-opdracht is natuurlijk ook een oude bekende De herhalings-opdracht is natuurlijk ook een oude bekende. Hij heeft dezelfde schrijfwijze als in Java
Herhalingen HTML: script4.php <HTML> <BODY> Hai $woord = "Hai"; for($x=0 ; $x<10 ; $x++) { print("$woord "); } ?> </BODY>
Wanneer je scripts gebruikt om gegevens uit een database op te halen, dan zul je dit vaak willen weergeven in een tabel. Het volgende script maakt een HTML-tabel. Het maakt gebruik van de herhalingsopdracht.
Maak een HTML-tabel script5.php <HTML> <BODY> <?php print("<TABLE BORDER=1 CELLPADDING=5> \n"); for($x=0 ; $x<10 ; $x++) { print("<TR> \n"); for($y=0 ; $y<10 ; $y++) { print("<TD>hai</TD> \n"); } print("</TR> \n"); print("</TABLE> \n"); ?> </BODY>
Formulier gegevens doorgeven en verwerken met behulp van (PHP)scripts
We willen niet alleen gegevens zichtbaar kunnen maken op een website, maar ook gegevens kunnen opsturen Voor het opsturen van gegevens maken we gebruik van HTML-formulieren. De gegevens van zo’n formulier worden altijd verwerkt door een script op de server. In het volgende voorbeeld voorbeeld sturen we door middel van een formulier een naam op. Deze naam wordt door een scipt gebruikt om een pagina te maken waarin die naam 100 keer in een tabel wordt weergegeven.
Dit willen we maken:
Eerst een pagina met een formulier:
Als eerste moeten we een HTML-pagina maken met een formulier erop Als eerste moeten we een HTML-pagina maken met een formulier erop. Deze pagina kan gewoon als statische pagina (zonder script) worden opgehaald.
scriptmachine(PHP parser) (PHP)scripts verzoek HTML web server (Apache) HTML-pagina's webserver machine HTML internet http-verzoek voor pagina met formulier http-verzoek voor script + formulierinvoer HTML pagina HTML pagina browser weergave gebruikers machine
<FORM ACTION=”script6.php" METHOD="post"> scriptmachine(PHP parser) (PHP)scripts verzoek HTML web server (Apache) HTML-pagina's <HTML> <BODY> <FORM ACTION=”script6.php" METHOD="post"> <INPUT TYPE="text" NAME=”woord" VALUE=""> <input TYPE =submit VALUE ="Voer in"> </ FORM > </BODY> webserver machine HTML internet http-verzoek voor pagina met formulier http-verzoek voor script + formulierinvoer HTML pagina HTML pagina browser weergave gebruikers machine
Pagina met formulier pagina1.htm <HTML> <BODY> Hier zie je de HTML-code. Het formulier wordt gedefinieerd tussen <FORM ...> en </FORM> De ingevulde gegevens worden onder de naam “woord” opgestuurd naar het script:”script6.php” pagina1.htm <HTML> <BODY> <FORM ACTION=”script6.php" METHOD="post"> <INPUT TYPE="text" NAME=”woord" VALUE=""> <input TYPE =submit VALUE ="Voer in"> </ FORM > </BODY>
( ) Formulier verzenden http-verzoek: http://localhost/script6.php ACTION=”script6.php" NAME=”woord" http-verzoek: http://localhost/script6.php formuliergegevens: woord=Piet
Nu naar het script voor de verwerking:
Bij het drukken op de knop bij het formulier wordt er een http-verzoek voor “script6.php” verstuurd naar de server. Bovendien wordt de informatie uit het formulier: “woord=Piet” meegestuurd:
Verwerking scriptmachine(PHP parser) (PHP)scripts verzoek HTML web server (Apache) HTML-pagina's webserver machine HTML internet http-verzoek voor script + formulierinvoer http-verzoek voor script + formuliergegevens HTML pagina HTML pagina browser weergave gebruikers machine
print("<TABLE BORDER=1 CELLPADDING=5> \n"); scriptmachine(PHP parser) <HTML> <BODY> <?php print("<TABLE BORDER=1 CELLPADDING=5> \n"); for($x=0 ; $x<10 ; $x++) { print("<TR> \n"); for($y=0 ; $y<10 ; $y++) { print("<TD>$woord</TD> \n"); } print("</TR> \n"); print("</TABLE> \n"); ?> </BODY> (PHP)scripts Verwerking verzoek HTML web server (Apache) HTML-pagina's webserver machine HTML internet http-verzoek voor script + formulierinvoer http-verzoek voor script HTML pagina HTML pagina browser weergave gebruikers machine
script5.php Het formuliergegeven: “woord=Piet” zorgt ervoor dat er in het script een variabele $woord wordt gemaakt die als waarde “Piet” krijgt. <HTML> <BODY> <?php print("<TABLE BORDER=1 CELLPADDING=5> \n"); for($x=0 ; $x<10 ; $x++) { print("<TR> \n"); for($y=0 ; $y<10 ; $y++) { print("<TD>$woord</TD> \n"); } print("</TR> \n"); print("</TABLE> \n"); ?> </BODY>
Het resultaat:
Gegevens uit een database halen met PHP
Nu gaan we met behulp van een script gegevens uit een (MySQL) database halen. Er moet dan een databaseprogramma op de servermachine zijn geinstalleerd. We gaan er ook vanuit dat er database genaamd: “ledendatabase” aanwezig is. We kijken eerst nog even naar het schema waarin de weg: verzoek - verwerking - weergave wordt doorlopen. Daarna kijken we in het script welke opdrachten nodig zijn.
Verwerking (PHP)scripts scriptmachine(PHP parser) database (MySQL) verzoek + formulierinvoer HTML HTML-pagina's web server (Apache) webserver machine HTML internet http-verzoek voor script http-verzoek voor script HTML pagina HTML pagina browser weergave gebruikers machine
<BODY BGCOLOR="#FFDDBB"> <CENTER> <?php (PHP)scripts <HTML> <BODY BGCOLOR="#FFDDBB"> <CENTER> <?php mysql_connect('localhost','root'); mysql_select_db(’ledendatabase'); $query = "SELECT * FROM leden"; $result = mysql_query($query); $aantalrijen = mysql_num_rows($result); $aantalvelden = mysql_num_fields($result); print("<TABLE BORDER=1 CELLPADDING=5> \n"); for($x=0 ; $x<$aantalrijen ; $x++) { print("<TR> \n"); $array = mysql_fetch_array($result); for($y=0 ; $y<$aantalvelden ; $y++) { print("<TD bgcolor=white> $array[$y]</TD> \n"); } print("</TR> \n"); print("</TABLE> \n"); ?> </CENTER> </BODY> scriptmachine(PHP parser) database (MySQL) Verwerking verzoek + formulierinvoer HTML HTML-pagina's web server (Apache) webserver machine HTML internet http-verzoek voor script + formulierinvoer http-verzoek voor script + formulierinvoer HTML pagina HTML pagina browser weergave gebruikers machine
script7.php Er wordt een verbinding gemaakt met het database-programma <HTML> <BODY BGCOLOR="#FFDDBB"> <CENTER> <?php mysql_connect('localhost','root'); mysql_select_db(’ledendatabase'); $query = "SELECT * FROM leden"; $result = mysql_query($query); $aantalrijen = mysql_num_rows($result); $aantalvelden = mysql_num_fields($result); print("<TABLE BORDER=1 CELLPADDING=5> \n"); for($x=0 ; $x<$aantalrijen ; $x++) { print("<TR> \n"); $array = mysql_fetch_array($result); for($y=0 ; $y<$aantalvelden ; $y++) { print("<TD bgcolor=white> $array[$y]</TD> \n"); } print("</TR> \n"); print("</TABLE> \n"); ?> </CENTER> </BODY> Er wordt een verbinding gemaakt met het database-programma
script7.php <HTML> <BODY BGCOLOR="#FFDDBB"> <CENTER> <?php mysql_connect('localhost','root'); mysql_select_db(’ledendatabase'); $query = "SELECT * FROM leden"; $result = mysql_query($query); $aantalrijen = mysql_num_rows($result); $aantalvelden = mysql_num_fields($result); print("<TABLE BORDER=1 CELLPADDING=5> \n"); for($x=0 ; $x<$aantalrijen ; $x++) { print("<TR> \n"); $array = mysql_fetch_array($result); for($y=0 ; $y<$aantalvelden ; $y++) { print("<TD bgcolor=white> $array[$y]</TD> \n"); } print("</TR> \n"); print("</TABLE> \n"); ?> </CENTER> </BODY> Er wordt een database met de naam: “ledendatabase” geselecteerd
script7.php <HTML> <BODY BGCOLOR="#FFDDBB"> <CENTER> <?php mysql_connect('localhost','root'); mysql_select_db(’ledendatabase'); $query = "SELECT * FROM leden"; $result = mysql_query($query); $aantalrijen = mysql_num_rows($result); $aantalvelden = mysql_num_fields($result); print("<TABLE BORDER=1 CELLPADDING=5> \n"); for($x=0 ; $x<$aantalrijen ; $x++) { print("<TR> \n"); $array = mysql_fetch_array($result); for($y=0 ; $y<$aantalvelden ; $y++) { print("<TD bgcolor=white> $array[$y]</TD> \n"); } print("</TR> \n"); print("</TABLE> \n"); ?> </CENTER> </BODY> Er wordt een query gemaakt die de hele tabel “leden” selecteert.
script7.php <HTML> <BODY BGCOLOR="#FFDDBB"> <CENTER> <?php mysql_connect('localhost','root'); mysql_select_db(’ledendatabase'); $query = "SELECT * FROM leden"; $result = mysql_query($query); $aantalrijen = mysql_num_rows($result); $aantalvelden = mysql_num_fields($result); print("<TABLE BORDER=1 CELLPADDING=5> \n"); for($x=0 ; $x<$aantalrijen ; $x++) { print("<TR> \n"); $array = mysql_fetch_array($result); for($y=0 ; $y<$aantalvelden ; $y++) { print("<TD bgcolor=white> $array[$y]</TD> \n"); } print("</TR> \n"); print("</TABLE> \n"); ?> </CENTER> </BODY> De query wordt uitgevoerd en het resultaat wordt opgeslagen in de variabele $result
script7.php <HTML> <BODY BGCOLOR="#FFDDBB"> <CENTER> <?php mysql_connect('localhost','root'); mysql_select_db(’ledendatabase'); $query = "SELECT * FROM leden"; $result = mysql_query($query); $aantalrijen = mysql_num_rows($result); $aantalvelden = mysql_num_fields($result); print("<TABLE BORDER=1 CELLPADDING=5> \n"); for($x=0 ; $x<$aantalrijen ; $x++) { print("<TR> \n"); $array = mysql_fetch_array($result); for($y=0 ; $y<$aantalvelden ; $y++) { print("<TD bgcolor=white> $array[$y]</TD> \n"); } print("</TR> \n"); print("</TABLE> \n"); ?> </CENTER> </BODY> Het aantal records en het aantal velden van het resultaat wordt opgevraagd
script7.php <HTML> <BODY BGCOLOR="#FFDDBB"> <CENTER> <?php mysql_connect('localhost','root'); mysql_select_db(’ledendatabase'); $query = "SELECT * FROM leden"; $result = mysql_query($query); $aantalrijen = mysql_num_rows($result); $aantalvelden = mysql_num_fields($result); print("<TABLE BORDER=1 CELLPADDING=5> \n"); for($x=0 ; $x<$aantalrijen ; $x++) { print("<TR> \n"); $array = mysql_fetch_array($result); for($y=0 ; $y<$aantalvelden ; $y++) { print("<TD bgcolor=white> $array[$y]</TD> \n"); } print("</TR> \n"); print("</TABLE> \n"); ?> </CENTER> </BODY> De records worden opgevraagd en weergegeven in een HTML-tabel
script7.php <HTML> <BODY BGCOLOR="#FFDDBB"> <CENTER> mysql_connect('localhost','root'); mysql_select_db(’ledendatabase'); $query = "SELECT * FROM leden"; $result = mysql_query($query); $aantalrijen = mysql_num_rows($result); $aantalvelden = mysql_num_fields($result); print("<TABLE BORDER=1 CELLPADDING=5> \n"); for($x=0 ; $x<$aantalrijen ; $x++) { print("<TR> \n"); $array = mysql_fetch_array($result); for($y=0 ; $y<$aantalvelden ; $y++) { print("<TD bgcolor=white> $array[$y]</TD> \n"); } print("</TR> \n"); print("</TABLE> \n"); ?> </CENTER> </BODY>
Gegevens opslaan in een database met PHP
We willen niet alleen gegevens kunnen opvragen uit een database, maar ook gegevens kunnen opsturen en toevoegen. Voor het opsturen van gegevens maken we weer gebruik van HTML-formulieren waarvan de gegevens worden verwerkt door een script. We bekijken een voorbeeld waarin we een persoon (voornaam en achternaam) willen toevoegen aan de ledendatabase in de tabel leden.
Eerst een pagina met een formulier:
Pagina met formulier pagina2.htm Hier is de HTML-code van het formulier dat we gebruiken. De ingevulde gegevens worden onder de namen “voornaam” en “achternaam” opgestuurd naar het script:”script8.php” pagina2.htm <HTML> <BODY> <FORM ACTION=”script8.php" METHOD="post"> <INPUT TYPE="text" NAME=”voornaam" VALUE=""> <INPUT TYPE="text" NAME=”achternaam" VALUE=""> <input TYPE =submit VALUE ="Voer in"> </ FORM > </BODY>
http-verzoek: http://localhost/script8.php formuliergegevens: voornaam=Pietje achternaam=Puk
De formuliergegevens: “achternaam=Puk” en “voornaam=Pietje” zorgen ervoor dat er in het script de variabelen $voornaam en $achternaam worden gemaakt en de juiste waarden krijgen. script8.php <HTML> <BODY> <?php mysql_connect('localhost','root'); mysql_select_db('ledendatabase'); $query = "INSERT INTO leden(id,voornaam,achternaam) VALUES('null','$voornaam','$achternaam')"; $result = mysql_query($query); ?> De gegevens zijn toegevoegd aan de database. </BODY> </HTML> }
script8.php Er wordt een verbinding gemaakt met het database-programma <HTML> <BODY> <?php mysql_connect('localhost','root'); mysql_select_db('ledendatabase'); $query = "INSERT INTO leden(id,voornaam,achternaam) VALUES('null','$voornaam','$achternaam')"; $result = mysql_query($query); ?> De gegevens zijn toegevoegd aan de database. </BODY> </HTML> }
Er wordt een database met de naam: “ledendatabase” geselecteerd script8.php <HTML> <BODY> <?php mysql_connect('localhost','root'); mysql_select_db('ledendatabase'); $query = "INSERT INTO leden(id,voornaam,achternaam) VALUES('null','$voornaam','$achternaam')"; $result = mysql_query($query); ?> De gegevens zijn toegevoegd aan de database. </BODY> </HTML> }
script8.php Er wordt een query gemaakt die de nieuwe gegevens invoert <HTML> <BODY> <?php mysql_connect('localhost','root'); mysql_select_db('ledendatabase'); $query = "INSERT INTO leden(id,voornaam,achternaam) VALUES('null','$voornaam','$achternaam')"; $result = mysql_query($query); ?> De gegevens zijn toegevoegd aan de database. </BODY> </HTML> }
script8.php <HTML> <BODY> De query wordt uitgevoerd. mysql_connect('localhost','root'); mysql_select_db('ledendatabase'); $query = "INSERT INTO leden(id,voornaam,achternaam) VALUES('null','$voornaam','$achternaam')"; $result = mysql_query($query); ?> De gegevens zijn toegevoegd aan de database. </BODY> </HTML> } De query wordt uitgevoerd.
Tenslotte kijken we nog een keer naar het schema waarin de weg: verzoek - verwerking - weergave wordt doorlopen.
Verwerking (PHP)scripts scriptmachine(PHP parser) database (MySQL) verzoek + formulierinvoer HTML HTML-pagina's web server (Apache) webserver machine HTML internet http-verzoek voor script + formulier invoer http-verzoek voor script + formulier invoer HTML pagina HTML pagina browser weergave gebruikers machine