http://users.telenet.be/tidump/files/Cursus_feneX.pdf

Database (php en mySQL)

1. Wat is nu dynamische webdesign?

Wat is het verschil tussen front en backend van een website?

2. Installeren van een lokale server (wamp)

Algemene informatie over PHP

PHP is een open-source, server-side scripttaal. Dit houdt in dat de code wordt uitgevoerd op de server. Op het moment dat een bezoeker een webpagina opvraagt, genereert PHP zogenaamde “output” die wordt teruggestuurd naar de gebruiker. Omdat PHP niet op de computer van de bezoeker wordt uitgevoerd (in tegenstelling tot bijvoorbeeld html, css of javascript) maar op de server, moet de server geschikt zijn voor PHP. Wanneer je een domeinnaam met hosting aanschaft, zit hier vaak (maar niet altijd!) PHP ondersteuning bij, je hoeft dan zelf niets te doen om de PHP te kunnen laten “draaien”. Mocht je willen experimenteren met PHP op je eigen computer, dan kun je er voor kiezen om een webserver te installeren. Wij hebben gekozen voor een portabel versie van uWamp. Je kan deze downloaden onder https://www.uwamp.com/en/.

Doordat je via PHP databases kunt benaderen, kun je met PHP webapplicaties ontwikkelen. Een voorbeeld van een webapplicatie is bijvoorbeeld een gastenboek, een nieuwssysteem, een CMS (Content Management System, waarmee je een website kunt bijwerken) of een adresboek.

Voorbeeld van een html pagina opvragen

Voorbeeld van een PHP pagina opvragen

Om PHP applicaties te kunnen ‘draaien’ moet je rekening houden met de volgende factoren:

Webserver met PHP ondersteuning. Wanneer je normaalgesproken een HTML pagina schrijft, kun je deze lokaal, op je computer bekijken. Voor webpagina’s met daarin PHP is een webserver vereist die PHP kan “lezen” en op basis daarvan uitvoer genereert.
Pagina’s met PHP moeten eindigen op ‘.php’. Heb je een webpagina met daarin PHP code staan, dan dient de extensie van deze webpagina niet ‘.html’ maar ‘.php’ te zijn. Doe je dit niet, dan heeft de webserver niet door dat er PHP in je pagina zit en wordt deze PHP code dus niet uitgevoerd.
(MySQL) Database. Mocht je een gastenboek of iets dergelijks willen bouwen, dan heb je ook een database nodig waar je met behulp van PHP gegevens in kan opslaan.
Client side is alles wat gebeurt aan de kant van de bezoeker van je website. Javascript of HTML is een voorbeeld van een ‘client side’ taal.
Server side is alles wat gebeurt aan de kant van waar je website staat. PHP is serverside. Het genereert uitvoer wat weer kan worden getoond aan de ‘client-side’.

3. Database en tabel aanmaken

MySQL is de meest populaire database-systeem in combinatie met PHP.

Wat is MySQL?

MySQL is een database systeem dat wordt gebruikt op het web
MySQL is een database systeem dat draait op een server
MySQL is ideaal voor zowel kleine als grote applicaties
MySQL is zeer snel, betrouwbaar en gemakkelijk te gebruiken
MySQL maakt gebruik van standaard SQL
MySQL stelt een aantal platforms
MySQL is gratis te downloaden en te gebruiken
MySQL wordt ontwikkeld, gedistribueerd en ondersteund door Oracle Corporation
MySQL is vernoemd naar de dochter van medeoprichter Monty Widenius's: My

De gegevens in een MySQL-database worden opgeslagen in tabellen. Een tabel is een verzameling van gerelateerde gegevens, en bestaat uit kolommen en rijen. Databases zijn bruikbaar voor het opslaan van informatie categorisch. Een bedrijf kan een database met de volgende tabellen:

werknemers
producten
Klanten
bestellingen

Inleiding

MySQL is misschien wel de snelste, goedkoopste, eenvoudigste en meest betrouwbare database, die ook nog eens de meeste faciliteiten heeft en verkrijgbaar is voor zowel unix, windows, linux, enzovoorts. Wat is een database eigenlijk? Een database is een afzonderlijke toepassing die een verzameling gegevens opslaat. Elke database heeft één of meer verschillende mogelijkheden voor het maken, benaderen, beheren en doorzoeken van de gegevens die er in zitten. Andere vormen van gegevensopslag kunnen ook worden gebruikt, maar als het op opslag van (rich-)tekst aankomt, wordt het gebruik van een database sterk aangeraden. Databases en PHP vormen een onafscheidelijk duo. Een van de grote voordelen van PHP is dan ook de gemakkelijke databaseconnectiviteit die het biedt. In les 5 wordt aandacht besteed aan het werken met een database vanuit eigen ontwikkelde PHP code. In de les van vandaag wordt op een andere manier gewerkt met een database, namelijk met het pakket PHPMyAdmin.

Werken met PHPMyAdmin

PHPMyAdmin openen

Tijdens les 4 wordt er vanuit gegaan dat je werkt met de XAMPP webserver. Om PHPMyAdmin te benaderen, moet je er voor zorgen dat zowel Apache als MySQL is gestart:

Wanneer alles “groen” is, ga je met FireFox naar http://localhost/phpmyadmin. Mogelijk kom je het volgende scherm tegen. Vul daarin je gebruikersnaam en wachtwoord is (bij standaard XAMPP installaties is de gebruikersnaam ‘root’ en het wachtwoord leeg:

Wanneer je succesvol weet in te loggen, of als je bovenstaand scherm niet tegenkomt, kom je in het “overzichtsscherm” van PHPMyAdmin terecht:

Aan de linkerkant van het scherm zie je het overzicht van databases dat op dit moment beschikbaar is.

Een database aanmaken en openen

Voor deze cursus is het de bedoeling dat je een nieuwe database aanmaakt waarin je gaat experimenteren met MySQL. De naam die je aan deze database geeft is “phpcursus”. Je maakt een database aan door op “databases” boven in het scherm te klikken en het volgende in te vullen en op “create” te klikken:

Wanneer de database aangemaakt is, zie je hem links in het overzichtsscherm van PHPMyAdmin verschijnen. Je kunt de inhoud van de database bekijken door er op te klikken.

Een tabel aanmaken in een geopende database

Wanneer je een lege database opent krijg je direct de mogelijkheid om een tabel aan te maken in de database. Hierbij moet je een naam voor de tabel verzinnen en moet je aangeven wat het aantal kolommen van de tabel is. Voor deze cursus maak je een tabel aan met als naam “guestbook” en het aantal kolommen zal 6 bedragen. Hier over zo dadelijk meer. Als je er klaar voor bent klik je op “Go”:

Van mensen die een bericht in ons gastenboek gaan plaatsen, willen we een aantal zaken weten. Deze worden hieronder besproken, maar eerst een screenshot van wat je moet invullen bij het aanmaken van de tabel “guestbook”:

De id van het bericht: om berichten later te kunnen verwijderen of te kunnen wijzigen, is het belangrijk dat je het bericht kunt benaderen aan de hand van een uniek nummer. We nemen een kolom “id” op in de tabel waar we met behulp van “auto increment” (A_I) er voor zorgen dat elk nieuw aangemaakt bericht automatisch een identificatienummer toebedeeld krijgt. De kolom “id” zal dus een nummer bevatten. Dat geven we aan door bij “type” te kiezen voor “int”. “int” staat voor integer. Door een lengte van 5 aan te geven, zorgen we er voor dat er maximaal 99.999 berichten in het gastenboek kunnen worden geplaatst.
De name van de afzender: we willen graag weten wie de afzender is van het bericht. Vandaar dat we een kolom “name” aanmaken. Aangezien een naam meestal uit tekst bestaat, kiezen we als type voor “varchar”. Hiermee geef je aan dat de naam van de afzender zowel letters als cijfers mag bevatten. De maximum lengte van de naam beperken we tot 40 tekens.
De email van de afzender: om de afzender te kunnen bereiken, is het handig dat de afzender een e-mailadres kan achterlaten.
De eventuele website van de afzender.
De postdate van het bericht is de datum+tijd waarop het bericht is ingevuld. Deze kolom zal een unix timestamp bevatten van wanneer het bericht is ingevuld door de afzender van het bericht. Omdat de unix timestamp een cijfer vertegenwoordigd, kiezen wel als type wederom voor INT.
De message kolom bevat het daadwerkelijke bericht dat de afzender in het gastenboek wil plaatsen. Het bericht kan zowel cijfers als letters bevatten, maar we kiezen deze keer niet voor varchar als type. Dat heeft er mee maken dat een kolom die van het type varchar is, niet meer dan 256 karakters mag bevatten. Als je een kolom als type “text” meegeeft, kan er véél meer tekst in de kolom (tot 16.700.000 tekens).

Voor deze cursus wordt er geen aandacht besteed aan de “storage engine” die wordt gebruikt voor het opslaan van gegevens in de tabel. Als deze op “InnoDB” of “MyISAM” staat is dat prima. Als je klaar bent met het definieren van de kolommen, klik je op “save”. Als alles goed gaat, krijg je kort de melding “table ‘guestbook’ has been created”. De pagina wordt ververst, en je ziet de tabel verschijnen in het overzicht van tabellen voor de database “phpcursus”.

Een rij (of record) toevoegen in een tabel

Aangezien we nog niet zelf een gastenboek hebben gebouwd waarmee we berichten kunnen toevoegen en verwijderen, moeten we ons op dit moment redden met PHPMyAdmin. In het overzicht van tabellen vind je achter elke tabel een aantal knopjes:

Met behulp van de knop “insert” is het mogelijk om data in de tabel op te slaan. Wanneer je hier op klikt krijg je het volgende scherm met mogelijkheden te zien:

In de kolom “value” kun je voor elke tabelkolom een betreffende waarde invullen. In de kolom “function” kun je voor de betreffende tabelkolom een functie laten uitvoeren. Hier doen we tijdens de basiscursus niets mee. Aangezien we bij het aanmaken van de tabel hebben aangegeven dat het id automatisch moet worden ingevuld, laten we de “value” hiervoor leeg. De andere “values” vul je met je naam, e-mailadres, website, postdate (doe voor de lol 1234567890) en een bericht. Als je klaar bent klik je op “Go”. Als alles goed gaat zie je kort de melding “1 row inserted” verschijnen.

De inhoud (= rijen of records) van een tabel bekijken

Aangezien je nu een of meer berichten hebt toegevoegd met de hiervoor beschreven methode, kun je nu op de knop “browse” achter je gastenboek klikken om de inhoud van de tabel te bekijken:

Het mooie van PHPMyAdmin is dat je, nadat je een betreffende knop hebt aangeklikt, vaak ziet welke vraag of instructie (officieel heet dit query) hiermee naar de database wordt gestuurd. Blijkbaar wordt met de query “SELECT * FROM guestbook LIMIT 0,30” de instructie gestuurd om de eerste 30 berichten uit het gastenboek te tonen. Over queries volgt dadelijk meer uitleg. Zoals je ziet krijg je een overzicht van berichten te zien en kan je berichten wijzigen, kopiëren of verwijderen met behulp van PHPMyAdmin.

Structured Query Language in MySQL

Om met een MySQL database te kunnen communiceren, gebruik je SQL. SQL is een min of meer universele taal waarmee je “vragen aan databases” kunt stellen. Wanneer je via SQL met MySQL databases kunt werken, kun je meestal ook al snel uit de voeten met SQL in Microsoft of Oracle databases. Er zijn een aantal taken (statements) die je na deze cursus met behulp van SQL in een database moet kunnen uitvoeren: SELECT, INSERT, UPDATE en DELETE. Deze worden hieronder een voor een uitgelegd. Vooral bij UPDATE en DELETE moet je oppassen. Als je bij deze statements niet goed specificeert (met behulp van WHERE) voor welke records in de tabel de query moet worden uitgevoerd, heb je kans dat àlle data in je tabel wordt beïnvloed of zelfs verwijderd.

4. Artikels filteren met MySQL zoekopdrachten (SELECT)

In de vorige les heb je geleerd hoe je artikels uit een MySQL-databank kan weergeven in een webpagina. De PHP-code op de server zet de rijen uit de tabel om in stukjes HTML-code. In deze les leg ik uit hoe je gegevens kan filteren uit de tabel. D.w.z. je wil net alles tonen, maar slechts bepaalde artikels die voldoen aan jouw zoekopdracht.

SELECT statement: vraag gegevens op

Database Queries

Een query is een vraag of een verzoek. We kunnen een database voor specifieke informatie opvragen en hebben een record set geretourneerd. Kijk naar de volgende vraag (met behulp van standaard SQL):

SELECT LastName FROM Employees

De bovenstaande zoekopdracht selecteert alle gegevens in de kolom "achternaam" in de "werknemers" table.

Oefening 1

Surf naar https://www.sqlteaching.com/#!select_columns en maak de oefeningen om de juiste data uit te filteren.

Oefening 2

Importeer volgende database 'dofactory-sample-database en maak volgende filter opdrachten na: https://www.dofactory.com/sql/select.

We starten met de code van de vorige les.

Het is heel normaal dat de PHP-code alle artikels omzet in HTML. We vragen immers om alle artikels uit de tabel "articles" op te halen:

select * from articles

* betekent letterlijk "alles".

SQL om databankrecords te filteren

We willen nu echter gaan filteren op de resultaten. Stel dat ik enkel de artikels wil waarbij het woord "sint" in de titel voorkomt:

select * from articles where title like '%sint%'

We schrijven dus niet "title like sint", maar title like '%sint%'. De beide weglatingstekens maken duidelijk dat het hier gaat om een "woord", iets wat we in de programmeerwereld bestempelen als een "string" (nee, niet in die andere betekenis) of "tekenreeks". Stel dat het veld title getallen zou bevatten (INT, integer of geheel getal) dan zou je die weglatingstekens niet schrijven.Het woord sint staat niet enkel tussen twee weglatingstekens, maar ook tussen twee %-tekens. Die duiden aan dat er voor en achter het woord sint al andere tekens mogen staan. Indien je artikels zou willen zoeken waarvan de titels beginnen met "sint", dan zou je het volgende doen:

select * from articles where title like 'sint%'

Als je titels zou willen zoeken die perfect overeenkomen met het woord sint, dan zou je het volgende schrijven:

select * from articles where title = 'sint'

De query of zoekopdracht rechtstreeks in de SQL schrijven, is enkel zinvol als je in je pagina enkel bepaalde records wil weergeven. Je zou bijvoorbeeld in de databank een kolom kunnen aanmaken met de veldnaam "rubriek". Als je dan zou zoeken op een bepaalde rubriek, dan zou je enkel die artikels krijgen waarvan de veldnaam "rubriek" gelijk is aan een bepaalde naam.

select * from articles where rubriek = 'sport'

Het is ook mogelijk om te filteren op meerdere kolommen.

select * from articles where title like '%sint%' or content like '%sint%'

Tot slot (maar daarmee is lang nog niet alles gezegd over SQL) kan je in meerdere velden zoeken op meerdere variabelen:

select * from adressen where postcode=3300 and naam like '%janssens%'

5. Artikels invoegen in een databank (INSERT)

Het gebruik van een databank en PHP voor het automatiseren van webinhouden, wordt pas echt zinvol als je op een gebruiksvriendelijke manier inhouden kan toevoegen aan de databank. Uiteraard kan je dit via PHPMyAdmin, de databankbeheersoftware (geschreven in PHP) die op de meeste hostingpakketten standaard al aanwezig is. Maar in PHPMyAdmin laat je de eindgebruiker best geen inhouden toevoegen. In deze les maken we een HTML-formulier waarin de eindgebruiker de benodigde informatie kan invoeren. Het formulier bevat een "verzend"knop. Wanneer de gebruiker daarop klikt, stuurt hij/zij de inhoud van het formulier naar een PHP-bestand op de server. Dat bestand zal de verzonden informatie uitlezen en invoegen in de juiste kolommen in de tabel (articles) in de databank.

Ingrediënten

1. Een HTML-formulier 2. Een PHP-bestand dat de verzonden informatie bewaart.

Een invoerformulier in HTML

Een vrij volledige handleiding voor het bouwen van formulieren vind je via deze link: https://www.w3schools.com/html/html_forms.asp We zorgen ervoor dat het HTML-formulier de structuur van de databanktabel volgt. Zo ziet onze tabel eruit in PHPMyAdmin:

We starten vanuit het HTML-sjabloon dat je via een link in de menubalk vindt. Daaraan voegen we een FORMULIER toe.

Namen geven aan invoervelden

Met een -element maken we een invoerveld in onze webpagina. Elke "input" krijgt ook een "name"-attribuut. We nemen hiervoor telkens de "kolomnaam" van de tabel in de databank. In de tabel "articles" in onze databank vinden we bijvoorbeeld de kolommen "title", "articledate" en "cover"... We gebruiken exact dezelfde benamingen voor de invoervelden van ons formulier.

Types geven aan invoervelden

Je kan aan een -element ook een type-attribuut geven. Standaard is het type "text" als je tenminste tekst als invoer verwacht. Het type "date" tovert een datumselectorvenster tevoorschijn als je in het datumveld klikt (in de browser).

Veel tekst = textarea

De kolom "content" in onze databanktabel verwacht veel tekst. Een klein invoerveld maakt invoer van tekst moeilijk. Daarom kiezen we in dit geval voor een

-element. Aan dit element geef je eveneens een "name"-attribuut.
<h1>WYSIWYG-editor</h1>
Heel wat CMS-systemen vervangen een standaard <textarea>-element door een WYSIWYG-editor, zodat de eindgebruiker net zoals in een tekstverwerker inhouden kan toevoegen.
<h3>Installeer CME-editor</h3>
De functionaliteit van zo'n editor bouw je hoofdzakelijk in de "frontend" met javascript. Via deze link vind je mijn Crowl Mini Editor (een wat minimale versie van de volledige editor die in mijn CMS zit, maar perfect bruikbaar voor jouw opdrachten.
<div class="architextPredefined downloadlink"><a href="https://www.schoolvoorbeeld.be/icarosp/home/uploads/Fri12Oct2018071120GMTschoolvoorbeeldcme_master.zip" title="">Download CME-editor...</a></div>
<h3>Demofilm</h3>
<iframe src="https://player.vimeo.com/video/294729501" width="640" height="388" frameborder="0" allowfullscreen="allowfullscreen"></iframe>
<h1>Het formulier verzenden</h1>
De <form>-tag verwacht nog 2 attributen:
<ol>
 	<li><b><i><u>action</u></i></b>: Het PHP-bestand op de server waar de informatie naar verzonden moet worden.</li>
 	<li><b><i><u>method</u></i></b>: POST. Je zou ook voor GET kunnen kiezen, maar als je informatie wil "bewaren", dan is POST aan te raden.</li>
</ol>
Zoals je in de bovenstaande code kan zien, verzenden we het formulier naar een PHP-bestand met de naam save.php. Dat bestand moet zich in dezelfde map bevinden als de pagina met het formulier.
<h3>1. Verzonden formuliervelden opvragen</h3>
De verzonden formuliervelden kan je in dit PHP-bestand opvragen. Dit doen we op de volgende manier:
<pre class="rainbow-show" data-trimmed="true"><code class="rainbow rainbow-show" data-language="php"><span class="variable dollar-sign">$</span><span class="variable">title</span> <span class="keyword operator">=</span> <span class="variable dollar-sign">$</span><span class="variable">_POST</span>[<span class="string">"title"</span>];</code></pre>
<div class="preloader">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
<div class="preloader">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
Hiermee bedoel ik dat je de geposte titel (title) in een variabele (een "doosje" met veranderlijke inhoud) stopt. Hetzelfde doen we met de waardes van "articledate", "cover" en "content".
<h3>2. Opgelet met weglatingstekens en aanhalingstekens</h3>
In PHP-code moet je net zoals in tal van andere programmeertalen, "teksten" insluiten tussen aanhalingstekens. Enkel op die manier zal de code de verzonden informatie niet beschouwen als een reeks losse tekens of karakters, maar als een "samenhorende tekst met zinnen". Het probleem is dat PHP-code zelf ook al aanhalingstekens gebruikt. Dit gebeurt bijvoorbeeld bij een SQL-instructie (een databankopdracht zoals in de code hieronder ("INSERT INTO  ...).  De PHP-interpreter (het stuk software dat de code "leest" en omzet in HTML) zal zo'n instructie starten als hij een aanhalingsteken tegenkomt in de code, en beëindigen bij het volgende aanhalingstekens. Programmeurs lossen dit op door tussen 2 aanhalingstekens, weglatingstekens te gebruiken enz.

Alles zal zonder problemen verlopen tot de "eindgebruiker" in een formulier zelf weglatingstekens of aanhalingstekens invoegt. Vanaf het moment dat de PHP-code zo'n tekst in de databank probeert te bewaren, loopt het mis in PHP.

Gelukkig biedt PHP zelf daar een oplossing voor met de functie <b>mysqli_real_escape_string</b>. Hoe dit precies in zijn werk gaat, hoef je niet te weten. Feit is dat PHP op die manier het probleem met de aanhalingstekens en weglatingstekens oplost. Maar... het maakt de code wel wat langer.

<a href="http://blog.inkie.be/wp-content/uploads/2018/10/Schermafbeelding-2018-11-23-om-11.43.34.png" data-rel="lightbox-image-18" data-rl_title="" data-rl_caption="" title=""><img class="aligncenter size-full wp-image-2906" src="http://blog.inkie.be/wp-content/uploads/2018/10/Schermafbeelding-2018-11-23-om-11.43.34.png" alt="" width="2392" height="1642" /></a>
<h3>3. Is het gelukt of niet? Feedback van de databank</h3>
Als de verbinding met de databank foutloos verloopt en je voert een SQL-opdracht uit in die databank, dan heb je nog geen garantie of het echt gelukt is wat je wou bereiken. PHP stuurt de opdracht naar de databank, en daarmee is de kous af. Als er iets in de databank foutloopt, is dat niet meteen de fout van PHP (wel die van jou).

Je kan echter controleren of de opdracht effectief is gelukt. In het bovenstaande codevoorbeeld, hebben we daarom een variabele met de naam <b>$gelukt</b> aangemaakt. Als de databankopdracht foutloos verloopt, stuurt de databank een 1 terug (= true = waar). Als we vervolgens controleren of <b>if($gelukt)</b>, dan weten we dat alles naar wens is verlopen.						  </div>
						</div>
					</div>
					
					
								
					
					<div class="wpsm_panel wpsm_panel-default">
						<div class="wpsm_panel-heading" role="tab" >
						  <h4 class="wpsm_panel-title">
							<a  class="collapsed"  data-toggle="collapse" data-parent="" href="#ac_2855_collapse6"   title="">
																	<span class="ac_open_cl_icon fa fa-plus"></span>
									
								 
								<span class="ac_title_class">
																				<span style="margin-right:6px;" class="fa fa-laptop"></span>
									6. Basis PHP code								</span>
							</a>
						  </h4>
						</div>
						<div id="ac_2855_collapse6" class="wpsm_panel-collapse collapse "  >
						  <div class="wpsm_panel-body">
							<h2><span id="Inleiding_in_Statements">Inleiding in Statements</span></h2>
In de eerste les leerde je de basis-syntax van PHP te gebruiken. Je leerde instructies te schrijven waarmee je waardes kon toewijzen aan variabelen. Instrucies in PHP worden ook wel statements genoemd.

<a href="http://blog.inkie.be/wp-content/uploads/2018/10/Schermafbeelding-2018-11-23-om-11.21.42.png" data-rel="lightbox-image-19" data-rl_title="" data-rl_caption="" title=""><img class="aligncenter wp-image-2895 size-large" src="http://blog.inkie.be/wp-content/uploads/2018/10/Schermafbeelding-2018-11-23-om-11.21.42-1024x343.png" alt="" width="1024" height="343" /></a>
<h2><span id="if_Statement">if() Statement</span></h2>
Het if() statement is misschien wel een van de belangrijkste bouwblokken van een programmeertaal. net als in vrijwel alle andere programmeertalen kom hij ook in php voor. De basis-syntax van een if() statement ziet er als volgt uit:

Blijkbaar kun je “conditioneel” statements uitvoeren als aan een test is voldaan. Deze test kan van alles zijn:
<ul>
 	<li><strong>Leeftijdscheck</strong> Wanneer de leeftijd van een bezoeker voldoet aan de minimumleeftijd, mag hij de website bekijken.</li>
 	<li><strong>Inlogcontrole</strong> Wanneer de gebruikersnaam en het wachtwoord kloppn, krijgt de bezoeker toegang tot de website.</li>
 	<li><strong>Zondag gesloten</strong> Sommige ondernemers willen niet dat hun website op zondag zichtbaar is voor bezoekers. Met een if-statement kan de website worden getoond zolang het gèèn zondag is.</li>
</ul>
Bij een inlogcontrole moeten zelfs twee zaken kloppen; de gebruikersnaam moet bekend zijn èn het bijbehorende wachtwoord moet kloppen. Dit is allemaal mogelijk met een if-statement.

Om te kijken hoe je bepaalde “voorwaarden” kunt maken, is het eerst nodig dat je kennis maakt met vergelijkingsoperatoren.
<h3><span id="Vergelijkingsoperatoren">Vergelijkingsoperatoren</span></h3>
In les een maakte je kennis met de toewijzingsoperator. Hiermee kun je waarden toewijzen aan een variabele. Eigenlijk zou je dit ook als een controle als test kunnen zien, want als het toewijzen niet lukt, krijg je een foutmelding. Als het toewijzen wèl lukt, gaat de code stilletjes verder met uitvoeren.

Zo heb je ook operatoren waarmee je het een kunt vergelijken met het ander:
<table id="tablepress-1" class="tablepress tablepress-id-1">
<thead>
<tr class="row-1 odd">
<th class="column-1">OPERATOR</th>
<th class="column-2">UITLEG</th>
</tr>
</thead>
<tbody class="row-hover">
<tr class="row-2 even">
<td class="column-1">==</td>
<td class="column-2">Wordt gebruikt om te testen of iets gelijk is aan iets anders.</td>
</tr>
<tr class="row-3 odd">
<td class="column-1">===</td>
<td class="column-2">Wordt gebruikt om te testen of iets gelijk is aan iets anders èn of ze beide van hetzelfde type zijn.</td>
</tr>
<tr class="row-4 even">
<td class="column-1">!=</td>
<td class="column-2">Testen of iets niet gelijk is aan iets anders.</td>
</tr>
<tr class="row-5 odd">
<td class="column-1"><</td>
<td class="column-2">Testen of iets kleiner is dan iets anders.</td>
</tr>
<tr class="row-6 even">
<td class="column-1">></td>
<td class="column-2">Testen of iets groter is dan iets anders.</td>
</tr>
<tr class="row-7 odd">
<td class="column-1"><=</td>
<td class="column-2">Testen of iets kleiner is of gelijk aan iets anders.</td>
</tr>
<tr class="row-8 even">
<td class="column-1">>=</td>
<td class="column-2">Testen of iets groter dan of gelijk aan iets anders.</td>
</tr>
</tbody>
</table>
Goed, hoe zet je vergelijkingsoperatoren nou in in de praktijk? Bekijk een voorbeeld waarmee de leeftijd van een bezoeker wordt gecontroleerd:

<a href="http://blog.inkie.be/wp-content/uploads/2018/10/01oefIf.png" data-rel="lightbox-image-20" data-rl_title="" data-rl_caption="" title=""><img class="aligncenter size-full wp-image-3032" src="http://blog.inkie.be/wp-content/uploads/2018/10/01oefIf.png" alt="" width="626" height="178" /></a>
<div id="crayon-5bf9146b69968010491869" class="crayon-syntax crayon-theme-twilight crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover">
<div class="crayon-plain-wrap"><span style="font-size: 1rem;">in bovenstaand voorbeeld wordt de leeftijd van $pietje gecontroleerd. Pietje’s leeftijd voldoet aan de minimumleeftijd. $kees zal ook voldoen aan de minimumleeftijd, maar $karel niet.</span></div>
</div>
In onderstaand voorbeeld wordt gecontroleerd of het geen zondag is:

<a href="http://blog.inkie.be/wp-content/uploads/2018/10/02oefIf.png" data-rel="lightbox-image-21" data-rl_title="" data-rl_caption="" title=""><img class="aligncenter size-full wp-image-3035" src="http://blog.inkie.be/wp-content/uploads/2018/10/02oefIf.png" alt="" width="625" height="156" /></a>
<div id="crayon-5bf9146b69978758168061" class="crayon-syntax crayon-theme-twilight crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover">
<div class="crayon-plain-wrap"><span style="font-size: 1rem;">Probeer zelf eens een voorbeeld te maken waarin je controleert of iemand in 1984 is geboren… Lukt dit? Dan heb je vergelijkingsoperatoren goed door!</span></div>
</div>
<h3><span id="Logische_operatoren">Logische operatoren</span></h3>
wanneer je meerdere dingen wilt controleren of testen voordat code wordt uitgevoerd, zet je logische operatoren in.
<table id="tablepress-2" class="tablepress tablepress-id-2">
<thead>
<tr class="row-1 odd">
<th class="column-1">OPERATOR</th>
<th class="column-2">UITLEG</th>
</tr>
</thead>
<tbody class="row-hover">
<tr class="row-2 even">
<td class="column-1">and</td>
<td class="column-2">Controleer of twee condities waar zijn.</td>
</tr>
<tr class="row-3 odd">
<td class="column-1">or</td>
<td class="column-2">Controleer of een of alletwee van de beide condities waar is.</td>
</tr>
<tr class="row-4 even">
<td class="column-1">!</td>
<td class="column-2">Controleer of een conditie nièt waar is.</td>
</tr>
<tr class="row-5 odd">
<td class="column-1">xor</td>
<td class="column-2">Controleert of een van de condities waar is, maar niet allebei.</td>
</tr>
<tr class="row-6 even">
<td class="column-1">&&</td>
<td class="column-2">Zelfde als and</td>
</tr>
<tr class="row-7 odd">
<td class="column-1">||</td>
<td class="column-2">Zelfde als or</td>
</tr>
</tbody>
</table>
Hieronder zie je een voorbeeld van een inlogcheck waarbij gebruikersnaam en wachtwoord worden gecontroleerd:

<a href="http://blog.inkie.be/wp-content/uploads/2018/10/03oefIf.png" data-rel="lightbox-image-22" data-rl_title="" data-rl_caption="" title=""><img class="aligncenter size-full wp-image-3036" src="http://blog.inkie.be/wp-content/uploads/2018/10/03oefIf.png" alt="" width="617" height="157" /></a>
<div id="crayon-5bf9146b69987931443455" class="crayon-syntax crayon-theme-twilight crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover">
<div class="crayon-plain-wrap"><span style="font-size: 1rem;">Bovenstaand voorbeeld zou niet heel moeilijk moeten zijn. Het uitroepteken als logische operator is echter lastig om uit te leggen. We gaan als voorbeeld met behulp van het uitroepteken controleren of het geen zondag is. Hier wordt gebruik gemaakt van nóg een techniek, namelijk haakjes in een vergelijking:</span></div>
</div>
<div><a href="http://blog.inkie.be/wp-content/uploads/2018/10/04oefIf.png" data-rel="lightbox-image-23" data-rl_title="" data-rl_caption="" title=""><img class="aligncenter size-full wp-image-3037" src="http://blog.inkie.be/wp-content/uploads/2018/10/04oefIf.png" alt="" width="632" height="95" /></a></div>
<div id="crayon-5bf9146b69996837407394" class="crayon-syntax crayon-theme-twilight crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover">
<div class="crayon-plain-wrap"><span style="font-size: 1rem;">Tussen de haakjes wordt getest of het zondag is. Door een uitroepteken voor deze haakjes te zetten, wordt vervolgens gecontroleerd of het géén zondag is. Als deze logische operator nog moeilijk te doorgronden is, laat hem voor deze cursus dan nog even links liggen.</span></div>
</div>
<h3><span id="Shorthand_methode_voor_if-constructies">Shorthand methode voor if-constructies</span></h3>
Naast de “gewone” manier van het opstellen van een if-constructie, kan dit ook in een sterk verkorte versie. Deze methode wordt vaak gebruikt voor het conditioneel toekennen van een waarde aan een variabele. Bekijk eerst een voorbeeld met een gewone notatie van een if-constructie:

<a href="http://blog.inkie.be/wp-content/uploads/2018/10/05oefIf.png" data-rel="lightbox-image-24" data-rl_title="" data-rl_caption="" title=""><img class="aligncenter size-full wp-image-3038" src="http://blog.inkie.be/wp-content/uploads/2018/10/05oefIf.png" alt="" width="639" height="104" /></a>
<div id="crayon-5bf9146b699a4389601477" class="crayon-syntax crayon-theme-twilight crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover">
<div class="crayon-plain-wrap"><span style="font-size: 1rem;">In bovenstaand voorbeeld wordt er van uit gegaan dat de begroeting standaard “goedemorgen” moet zijn. Alleen wanneer het 12:00 of later is, wordt de begroeting veranderd in “goedemiddag”. Nu volgt een shorthand-if constructie waarbij een waarde wordt toegekend op basis van het uur van de dag:</span></div>
<div><a href="http://blog.inkie.be/wp-content/uploads/2018/10/06oefIf.png" data-rel="lightbox-image-25" data-rl_title="" data-rl_caption="" title=""><img class="aligncenter size-full wp-image-3039" src="http://blog.inkie.be/wp-content/uploads/2018/10/06oefIf.png" alt="" width="638" height="67" /></a></div>
</div>
<div id="crayon-5bf9146b699be779186886" class="crayon-syntax crayon-theme-twilight crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover">
<div></div>
<div class="crayon-plain-wrap"><span style="font-size: 1rem;">Je ziet dat je met behulp van de shorthand methode op één regel met behulp van een if-constructie een waarde kunt toewijzen aan een variabele. ()? is hierin de test die wordt uitgevoerd. De eerste waarde die hierna volgt is degene die wordt toegekend als de test “klopt” (met andere woorden; als de test evalueert tot “true”). Klopt de test niet, dan wordt de waarde na de dubbele punt toegekend.</span></div>
</div>
<h2><span id="Controlstructures">Controlstructures</span></h2>
Behalve de if() constructie voor het “conditioneel uitvoeren van code” zijn er nog andere zogenaamde “controlstructures”. In les 2 bespreken we twee loops (for() en while()) en een variant op de if-constructie (switch()).
<h3><span id="For">For()</span></h3>
for() is een zogenaamde lus. Deze kan een stuk code meerdere keren uitvoeren, net zo lang totdat de meegegeven conditie niet meer waar is. De basis-syntax ziet er als volgt uit:

<a href="http://blog.inkie.be/wp-content/uploads/2018/10/07oefIf.png" data-rel="lightbox-image-26" data-rl_title="" data-rl_caption="" title=""><img class="aligncenter size-full wp-image-3041" src="http://blog.inkie.be/wp-content/uploads/2018/10/07oefIf.png" alt="" width="621" height="97" /></a>
<div id="crayon-5bf9146b699ce250142756" class="crayon-syntax crayon-theme-twilight crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover">
<div class="crayon-main"></div>
</div>
een for-loop heeft 3 parameters nodig, gescheiden door een puntkomma (;):
<ol>
 	<li><span id="crayon-5bf9146b699dc067471244" class="crayon-syntax crayon-syntax-inline crayon-theme-twilight crayon-theme-twilight-inline crayon-font-monaco"><span class="crayon-pre crayon-code"><span class="crayon-v">$i</span><span class="crayon-o">=</span><span class="crayon-cn">0</span></span></span>  De beginwaarde van een teller in bovenstaand voorbeeld zetten we $i op 0 wanneer de eerste iteratie van de loop plaatsvindt. “iteratie” staat voor het doorlopen van de code binnen de accolades.</li>
 	<li><span id="crayon-5bf9146b699eb277467150" class="crayon-syntax crayon-syntax-inline crayon-theme-twilight crayon-theme-twilight-inline crayon-font-monaco"><span class="crayon-pre crayon-code"><span class="crayon-v">$i</span><span class="crayon-o"><</span><span class="crayon-cn">10</span></span></span>  Dit is de controle die voor elke iteratie van de loop wordt uitgevoerd. Als de controle een positieve uitkomst heeft, wordt de code tussen de accolades uitgevoerd.</li>
 	<li><span id="crayon-5bf9146b699f9871810966" class="crayon-syntax crayon-syntax-inline crayon-theme-twilight crayon-theme-twilight-inline crayon-font-monaco"><span class="crayon-pre crayon-code"><span class="crayon-v">$i</span><span class="crayon-o">++</span></span></span>  Nadat de code tussen de accolades is uitgevoerd, tellen we 1 bij $i op. Het ++ teken betekent dus dat je 1 bij een waarde optelt.</li>
</ol>
Telkens wanneer de derde parameter van for() is uitgevoerd, wordt er gecontroleerd of $i nog steeds kleiner is dan 10. Is dat het geval, dan wordt nogmaals de code uitgevoerd. Waar zou je een for-loop voor kunnen gebruiken? Bijvoorbeeld voor het uitrekenen van de tafel van 7:

<a href="http://blog.inkie.be/wp-content/uploads/2018/10/08oefIf.png" data-rel="lightbox-image-27" data-rl_title="" data-rl_caption="" title=""><img class="aligncenter size-full wp-image-3042" src="http://blog.inkie.be/wp-content/uploads/2018/10/08oefIf.png" alt="" width="656" height="101" /></a>
<div id="crayon-5bf9146b69a07741222483" class="crayon-syntax crayon-theme-twilight crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover">
<div class="crayon-plain-wrap"><span style="font-size: 1rem;">Een ander voorbeeld van het gebruik van een for-lus is om de inhoud van een array te tonen:</span></div>
<div><a href="http://blog.inkie.be/wp-content/uploads/2018/10/09oefIf.png" data-rel="lightbox-image-28" data-rl_title="" data-rl_caption="" title=""><img class="aligncenter size-full wp-image-3043" src="http://blog.inkie.be/wp-content/uploads/2018/10/09oefIf.png" alt="" width="628" height="163" /></a></div>
</div>
<div id="crayon-5bf9146b69a15245903188" class="crayon-syntax crayon-theme-twilight crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover">
<div class="crayon-main"></div>
</div>
<h3><span id="while"> while()</span></h3>
while() is net als for() een voorbeeld van een lus. while() heeft wel een iets andere syntax (schrijfwijze). De basis syntax is als volgt:

<a href="http://blog.inkie.be/wp-content/uploads/2018/10/10oefIf.png" data-rel="lightbox-image-29" data-rl_title="" data-rl_caption="" title=""><img class="aligncenter size-full wp-image-3044" src="http://blog.inkie.be/wp-content/uploads/2018/10/10oefIf.png" alt="" width="635" height="103" /></a>
<div id="crayon-5bf9146b69a23431435466" class="crayon-syntax crayon-theme-twilight crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover">
<div class="crayon-plain-wrap"><span style="font-size: 1rem;">In tegenstelling tot for() heeft while() maar één parameter nodig. Zolang de $voorwaarde blijft evalueren tot true, wordt de lus uitgevoerd. Laten we het eerste for() voorbeeld eens vertalen naar een while() voorbeeld:</span></div>
<div><a href="http://blog.inkie.be/wp-content/uploads/2018/10/11oefIf.png" data-rel="lightbox-image-30" data-rl_title="" data-rl_caption="" title=""><img class="aligncenter size-full wp-image-3048" src="http://blog.inkie.be/wp-content/uploads/2018/10/11oefIf.png" alt="" width="652" height="123" /></a></div>
</div>
<div id="crayon-5bf9146b69a31080982729" class="crayon-syntax crayon-theme-twilight crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover">
<div class="crayon-plain-wrap"></div>
<div class="crayon-main"></div>
</div>
Voordat de lus begint, wordt $i op 0 gezet. Zodra de while() lus gaat starten, wordt een test uitgevoerd om te kijken of $i kleiner is dan 10. Als dat het geval is, wordt de code tussen de accolades uitgevoerd. Net voordat het codeblok sluit, tellen we 1 bij $i op. Vervolgens kijkt while() weer of $i kleiner is dan 10. Is dat het geval, dan wordt de code tussen de accolades weer uitgevoerd.
<h3><span id="switch">switch()</span></h3>
Laten we een welkomstboodschap instellen op basis van het uur van de dag. Wanneer het vroeger is dan 12:00, wordt de welkomstboodschap “goedemorgen” ingesteld. Wanneer het tussen 12:00 en 18:00 wordt de welkomstboodschap “goedemiddag” ingesteld. Wanneer het 18:00 of later is, wordt de welkomstboodschap “goedenavond” ingesteld. Bekijk het volgende voorbeeld:

<a href="http://blog.inkie.be/wp-content/uploads/2018/10/12oefIf.png" data-rel="lightbox-image-31" data-rl_title="" data-rl_caption="" title=""><img class="aligncenter size-full wp-image-3049" src="http://blog.inkie.be/wp-content/uploads/2018/10/12oefIf.png" alt="" width="633" height="238" /></a>
<div id="crayon-5bf9146b69a40296460314" class="crayon-syntax crayon-theme-twilight crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover">
<div class="crayon-plain-wrap"></div>
<div class="crayon-main"><span style="font-size: 1rem;">met </span><span id="crayon-5bf9146b69a4e226355077" class="crayon-syntax crayon-syntax-inline crayon-theme-twilight crayon-theme-twilight-inline crayon-font-monaco" style="font-size: 1rem;"><span class="crayon-pre crayon-code"><span class="crayon-v">$uur</span><span class="crayon-h"> </span><span class="crayon-o">=</span><span class="crayon-h"> </span><span class="crayon-e">date</span><span class="crayon-sy">(</span><span class="crayon-s">'G'</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></span></span><span style="font-size: 1rem;">  inventariseren we wat het uur van de dag momenteel is. Het switch() blok gaat vervolgens $uur testen in een aantal cases. Zodra de betreffende testcase positief uitpakt, wordt de code tussen case: en break; uitgevoerd.</span></div>
</div>
Maar wat als de $test die je aan switch() meegeeft, niet past bij een bepaalde case, is het dan ook mogelijk een stuk standaard code uit te voeren? Zeker! Check volgende voorbeeld:

<a href="http://blog.inkie.be/wp-content/uploads/2018/10/13oefIf.png" data-rel="lightbox-image-32" data-rl_title="" data-rl_caption="" title=""><img class="aligncenter size-full wp-image-3050" src="http://blog.inkie.be/wp-content/uploads/2018/10/13oefIf.png" alt="" width="632" height="249" /></a>
<div id="crayon-5bf9146b69a5c382530880" class="crayon-syntax crayon-theme-twilight crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover">
<div class="crayon-main"></div>
</div>
Met bovenstaande code zou je de bezoeker van je website kunnen vertellen of de fysieke winkel vandaag geopend is en zo ja, van hoe laat tot hoe laat. Op zondag en zaterdag gelden afwijkende openingstijden, maar door de week gelden elke dag dezelfde openingstijden.						  </div>
						</div>
					</div>
					
					
								
					
					<div class="wpsm_panel wpsm_panel-default">
						<div class="wpsm_panel-heading" role="tab" >
						  <h4 class="wpsm_panel-title">
							<a  class="collapsed"  data-toggle="collapse" data-parent="" href="#ac_2855_collapse7"   title="">
																	<span class="ac_open_cl_icon fa fa-plus"></span>
									
								 
								<span class="ac_title_class">
																				<span style="margin-right:6px;" class="fa fa-laptop"></span>
									7. PHP include: bestanden insluiten voor hergebruik								</span>
							</a>
						  </h4>
						</div>
						<div id="ac_2855_collapse7" class="wpsm_panel-collapse collapse "  >
						  <div class="wpsm_panel-body">
							<p class="intro">PHP 5 en later kan werken met een MySQL database met behulp van:</p>

<ul>
 	<li><strong><span class="">MySQLi extensie</span></strong><span class=""> (de "i" staat voor een betere)</span></li>
 	<li><strong>PDO (PHP Data Objects)</strong></li>
</ul>
<h2>Open een verbinding met MySQL</h2>
Voordat we kunnen toegang tot de gegevens in de MySQL database, moeten we in staat zijn om verbinding te maken met de server:
<h3><span class="">Voorbeeld (MySQLi Object-Oriented)</span></h3>
<div class="w3-code htmlHigh notranslate" style="padding: 10px; background-color: #ccc;"> die("Connection failed: " . $conn->connect_error);
}
echo "Connected successfully";
?></div>
We gaan deze code opslaan in een apart PHP bestand "<strong>config.php".</strong>

In de PHP-pagina waar je connectie nodig hebt met je database word dit bestand opgevraagd via
<div style="padding: 10px; background-color: #ccc;">include "config.php";</div>
<h2>Sluit de Connection</h2>
De verbinding wordt automatisch gesloten wanneer het script klaar. Om de verbinding alvorens te sluiten, gebruikt u de volgende:
<div class="w3-example">
<h3>Voorbeeld (MySQLi Object-Oriented)</h3>
<div class="w3-code htmlHigh notranslate" style="padding: 10px; background-color: #ccc;">$conn->close();</div>
</div>						  </div>
						</div>
					</div>
					
					
								
					
					<div class="wpsm_panel wpsm_panel-default">
						<div class="wpsm_panel-heading" role="tab" >
						  <h4 class="wpsm_panel-title">
							<a  class="collapsed"  data-toggle="collapse" data-parent="" href="#ac_2855_collapse8"   title="">
																	<span class="ac_open_cl_icon fa fa-plus"></span>
									
								 
								<span class="ac_title_class">
																				<span style="margin-right:6px;" class="fa fa-laptop"></span>
									8. De databank openen met PHP en omzetten in HTML								</span>
							</a>
						  </h4>
						</div>
						<div id="ac_2855_collapse8" class="wpsm_panel-collapse collapse "  >
						  <div class="wpsm_panel-body">
							<p class=""><i>PHP kan op diverse manieren met een databank spreken:</i></p>
<p class="">1. <b><u>Create</u></b>: inhouden in de databank wegschrijven (bewaren)</p>
<p class="">2. <b><u>Read</u></b>: inhouden uit de databank lezen en weergeven (omzetten in HTML of wat anders)</p>
<p class="">3. <b><u>Update</u></b>: aanpassen van data in de databank (bijvoorbeeld als er een foutje in staat)</p>
<p class="">4. <b><u>Delete</u></b>: verwijderen van gegevens uit de databank.</p>
<p class="">PHP werkt op de server. Dat wil zeggen dat de code die je schrijft in PHP niet meer zichtbaar is in de browser van de websitebezoeker.</p>
<a href="http://blog.inkie.be/wp-content/uploads/2018/10/webserverPHP.png" data-rel="lightbox-image-33" data-rl_title="" data-rl_caption="" title=""><img class="aligncenter wp-image-2896 size-full" src="http://blog.inkie.be/wp-content/uploads/2018/10/webserverPHP.png" alt="" width="665" height="326" /></a>
<h3>De databank openen met PHP en omzetten in HTML</h3>
<p class="">Van je hostingprovider of via je hostingprovider krijg je de gegevens van je databank: het adres (host), de naam van de databank, de gebruikersnaam en het wachtwoord. Die gegevens heb je nodig om je databank te kunnen openen.</p>
<p class="">Je maakt nu een nieuw bestand in de map van je website met de naam <b>read.php</b>.</p>
<p class="">In je teksteditor plak je de onderstaande code.<a href="http://blog.inkie.be/wp-content/uploads/2018/10/Schermafbeelding-2018-11-23-om-11.25.47.png" data-rel="lightbox-image-34" data-rl_title="" data-rl_caption="" title=""><img class="aligncenter wp-image-2897 size-large" src="http://blog.inkie.be/wp-content/uploads/2018/10/Schermafbeelding-2018-11-23-om-11.25.47-1024x667.png" alt="" width="1024" height="667" /></a></p>
Kopieer onderstaande code:

<h3>Stap 1: Verbinding maken met de database</h3>
Ik maak een apart<strong> connect.php</strong> bestand en link deze in de HTML

<textarea style="background-color: #ccc;" cols="70" rows="7">
$servername = "multimedia-ptininove.be.mysql";
$username = "multimedia_ptininove_be_enes";
$password = "Technigo*10";
$dbname = "multimedia_ptininove_be_enes";

$conn = new mysqli($servername, $username, $password, $dbname);

if ($conn->connect_error) {
    die("Connection failed: " . $conn->connect_error);
}
else {
    echo("connect!");

}

Stap 2: Gegevens ophalen via een link $_GET["id"

Stap 3: Gegevens van je kolom weergeven binnen je HTML structuren

Stap 4: Sluit de database op het einde!

9. De zoekopdracht verzenden via je browser

Uiteraard is een SQL-query pas echt zinvol als de eindgebruiker specifieke zoekopdrachten naar de server kan versturen.

Website-informatie opvragen met GET

Als een websitebezoeker (een "client") via zijn browser (de clientbrowser of useragent) een pagina opvraagt, dan vraagt hij/zij de server in feite om een HTML-pagina op te sturen die bepaalde informatie bevat. De server stuurt vervolgens de webpagina terug (niet via de postbode). We spreken in dit geval van een GET-request. De gebruiker of client wil INFORMATIE "KRIJGEN" (to get). Het adres dat je in de adresbalk van je browser invoert is dan de GET-REQUEST.

Je kan echter via de adresbalk nog extra informatie of zoekopdrachten mee verzenden. Dit doe je op de volgende manier: ADRES VAN DE WEBPAGINA ? ZOEKNAAM = ZOEKOPDRACHT

Bijvoorbeeld: www.schoolvoorbeeld.be/websites/studenten/student/zoek.php?q=sint

Om ervoor te zorgen dat onze PHP-pagina die verzonden waarde ook kan ontvangen, moeten we de PHP-code van zoek.php enigszins aanpassen:

$q = $_GET["q"];
$sql = "select * from articles where title like '%$q%'";

Wat merk je in bovenstaande regels code? 1. We versturen een zoekterm met de benaming "q" naar de server. 2. We sturen eveneens een waarde mee voor die zoekterm: q=sint 3. In de PHP-pagina op de server kunnen we die verzonden waarde opvragen met $_GET["q"] 4. Die "ontvangen waarde" stoppen we in een PHP-variabele (een soort tijdelijk doosje) met de naam $q. 5. Samengevat zien stap 3 en 4 er zo uit: $q = $_GET["q"]; 6. Vervolgens passen we onze SQL-opdracht aan, zoals je hier boven kan zien.

Een "Google"versie voor dummies

Uiteraard kan je aan de bezoekers van je website moeilijk zeggen:

"Als je achter het adres in de adresbalk een ? tikt met daarachter "q=" en daar achter je zoekterm, dan kan je zoeken op deze site."

De gebruiker kan de zoekterm invoeren in een "zoekveld". Hij/zij klikt op een knop met het opschrift "zoek" en krijgt meteen het resultaat terug in HTML-code.

Een formulier met zoekveld bouwen

Voeg onder de volgende code toe:

<form>
       <input type="text" name="q"/>
       <button>ZOEK</button> 
</form>

Dat is (dat besef ik) een heel rudimentair formulier, maar het doet perfect wat het moet doen.Eén punt is heel erg belangrijk. Het invoerveld moet een attribuut "name" krijgen. De waarde van dat attribuut moet dezelfde zijn als de te ontvangen waarde op de server. Klinkt dit als Chinees? Wel, op de server ontvang je een variabele met de naam "q" ($_GET["q"]). We moeten zorgen dat het formulierveld hier dus ook name="q" krijgt. Als je een zoekterm invoert en op "zoek" klikt, krijg je meteen ook het gewenste resultaat. Je zal de verzonden query ook zien verschijnen in de adresbalk:

10. Een PHP-applicatie beveiligen

Deze lessen zijn voor SEM 2 http://www.schoolvoorbeeld.be/78/Beveiliging%20en%20login