8 HTML, PHP en include
Wat ga je leren?
In deze les leer je hoe je HTML en PHP samen kunt gebruiken.
|
Include
Om je code overzichtelijk te houden, stop je niet al je code in één groot bestand, maar je deelt het op in meerdere kleinere bestanden. Je kunt dan snel de juisten code vinden.
Zo kun je php code hebben die een footer afdrukt. Stel je wilt je volgende footer:
<?php
echo "<hr>";
echo "(c) copyright<br>";
echo "De inhoud en structuur van onze webpagina's zijn auteursrechtelijk beschermd.";
?>
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
<?php
inclulde 'footer.php';
?>
</html>
Zie je wat er op regel 9 gebeurt? Je voegt als het ware de inhoud van de footer.php toe op regel 9. Hieronder zie je dan wat de include eigenlijk doet.
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
<?php
echo "<hr>";
echo "(c) copyright<br>";
echo "De inhoud en structuur van onze webpagina's zijn auteursrechtelijk beschermd.";
?>
</html>
De include verwijst altijd naar een bestand.
Let erop dat je alleen php code kan uitvoeren als de naam van het bestand op .php eindigt. Bovenstaand voorbeeld werkt dus alleen als de naam eindigt in .php.
Je kunt de naam van het bestand ook als string mee geven, tussen " zoals in het voorbeeld, maar je kunt natuurlijk ook een variabele meegeven:
include $footer;
De code van het bestand waarvan de naam in de variabele $footer staat wordt nu ingevoegd.
Nog een voorbeeld
Voorbeeld: home.php
<?php
require 'database.php';
?>
<html>
<head>
</head>
<body>
<div class="menu">
<?php include 'menu.php'; ?>
</div>
</body>
</html>
Je ziet in bovenstaand voorbeeld dat een menu met behulp van php wordt ingevoegd in de <div class="menu"> .... </div>
Maar je kunt ook andere php code schrijven en het resultaat van een if-statement op het scherm tonen, bijvoorbeeld dashboard.php:
<?php
require 'database.php';
$leeftijd = 15;
?>
<html>
<head>
</head>
<body>
<div class="menu">
<?php include 'menu.php'; ?> <!-- Op deze regel wordt een menu ingevoegd -->
</div>
<div id="leeftijdChecker">
<?php
if($leeftijd < 16 ){
echo "<h6>Je bent te jong om deze pagina te bekijken</h6>";
}
?>
</div>
</body>
</html>
Je ziet dat php geopend wordt <?php
en er dan normale php-code volgt. Zodra de php code klaar is dan sluiten we de php code weer met ?>
. Als je het bestand opent in je browser en je bekijkt de bron, dan zie je alleen html staan en geen php-code.
Opdracht 8a
Maak een eigen footer.php en zet daarin een eigen footer. Noem het bestand php108a-footer-jouw-naam.php
Maak een eenvoudige webpagina php8a-jouw-naam.php.php .
Maak een titel <h2> Mijn Webpagina.
Zet daaronder welkom < jouw naam>
Gebruik tenminste een <body> en <html> tag
Geef de variabele $footer de naam van het bestand waarin jouw footer staat en include de footer door gebruik te maken van de variabele $footer en het php statement include.
Opdracht 8b
Ga naar W3 schools en zoek op hoe je include en require gebruikt.
Maak een bestand php108b-jouw-naam.php.php en schrijf daarin in je eigen woorden het antwoord op de volgende vragen:
- Wat is het verschil tussen include en require?
- Wanneer zou je require liever gebruiken dan include? Probeer een voorbeeld te verzinnen.
Inleveren
- php108a-jouw-naam.php.php
- php108a-footer-jouw-naam.php