Lesbrief 6: Een onderhoudbare nieuwspagina

Inleiding

Een nieuwspagina bevat nieuwsberichten die de eigenaar van de website zelf kan toevoegen en bewerken. Een soort mini CMS, en het lijkt ook wel wat op een weblog. Aan de hand van deze lesbrief kun je zelf zo’n pagina gaan maken. Je kunt het resultaat gebruiken op je projectwebsite.

Lesbrief

Hier staat de lesbrief met de opdrachten.

Gebruik voor het uitwerken een lokale webserver zoals Uniform server (Windows) of MAMP (mac).

Tips & Tricks

Denk bij het uitwerken van deze lesbrief aan de volgende zaken:
  • Zorg  voor een duidelijke scheiding tussen structuur, opmaak en functionaliteit
    • Structuur werk je uit met HTML code
    • Opmaak creer je met CSS code
    • Functionaliteit programmeer je in PHP en JavaScript
  • Begin eenvoudig en breidt langzaam de functionaliteit uit
    • Zorg er voor dat je eerst de opdracht in de ‘breedte’ uitwerkt, dan pas in de diepte
  • Test nieuwe code veel en vaak
    • Hierdoor wordt je niet verast door lastige fouten in je code

Login pagina

Het maken van een beveiligde PHP pagina from Niels Doorn on Vimeo.

Vaak wil je dat een PHP pagina niet voor iedereen toegankelijk is. Bijvoorbeeld omdat je een pagina hebt gemaakt die onderhouden kan worden door iemand zonder kennis van HTML. Een eigen content management systeem eigenlijk.

In deze screencast leg ik uit hoe je een pagina kunt beveiligen en door middel van sessies kunt zorgen dat iemand na het inloggen de pagina kan bezoeken.

Ook zie je in deze screencast dat je nog meer gegevens op kunt slaan in een sessie, bijvoorbeeld de naam van de gebruiker die is ingelogd.

De voorbeelden zijn zo eenvoudig mogelijk gemaakt omdat het gaat om de manier van beveiligen.

Deze screencast is puur ter educatie gemaakt en er kunnen dan ook geen rechten aan worden verbonden met betrekking van de veiligheid van de getoonde code.

Overzichtspagina

Vorige les zijn we tot hier gekomen:

<!--?php
 
$verbinding = mysql_connect("localhost", 'root', 'root') or die("verbinding maken mislukt ".mysql_error());
 
$db = mysql_select_db("nieuwsdatabase2", $verbinding) or die("selecteren mislukt ".mysql_error());
 
$resultaat = mysql_query("SELECT * FROM berichten ORDER BY datum DESC") or die("query mislukt!!! ".mysql_error());
 
?-->
 
<!--?php
while($rij = mysql_fetch_array($resultaat)) {
?-->
<div>
<ul>
	<li>
<h1><!--?php echo $rij['titel']; ?--></h1>
</li>
	<li><em><!--?php echo $rij['datum']; ?--></em></li>
	<li><!--?php echo $rij['bericht']; ?--></li>
</ul>
</div>
<!--?php
}
?-->

Infinite scoller: infinitescroll

Geef een reactie

Je e-mailadres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd met *

*

De volgende HTML tags en attributen zijn toegestaan: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>