Labo 5 - Contactformulier

Van statisch naar dynamisch: in dit labo maken we de overstap naar server-side scripting. We bouwen een volledig werkend contactformulier dat berichten opslaat in een database.

Beschrijving

Backend Development

Voor deze opdracht stappen we af van pure HTML/CSS en maken we gebruik van een *AMP stack (Apache, MySQL, PHP). Omdat browsers geen PHP kunnen uitvoeren, is er gewerkt met een lokale serveromgeving (zoals XAMPP of MAMP).

Database & PHP

Het doel is om gegevens uit een HTML-formulier te verwerken en veilig op te slaan. Hiervoor is:

  • Een MySQL-database aangemaakt en een tabel geïmporteerd via phpMyAdmin.
  • Een PHP-script geschreven om de verbinding met de database te maken.
  • Validatie toegepast om te zorgen dat velden correct zijn ingevuld.

Integratie in Portfolio

Als eindresultaat is dit contactformulier geïntegreerd in de contactpagina van dit portfolio. Het formulier bevat velden voor naam, e-mail, bericht en checkboxes voor hoe de bezoeker op de site terechtkwam.

Doelstellingen

  • Werking van een Apache, MySQL en PHP omgeving begrijpen.
  • PHP-code integreren in een bestaand webproject.
  • Werken met HTML forms en input controls.
  • Formuliergegevens verwerken en opslaan in een database.
  • Beveiligingsrisico’s begrijpen (SQL injection preventie).
  • Een "Thank You"-pagina en een admin-overzicht maken.
Ga naar de oplossing

Reflectie

  • Wauw!

    Het is heel cool om te zien dat gegevens die je intypt daadwerkelijk worden opgeslagen en teruggelezen kunnen worden. De site "leeft" nu echt.

  • Au!

    Het configureren van de lokale server en database-connectie was lastig. Ook het verschil tussen testen op localhost en de live server zorgde voor wat verwarring met wachtwoorden.

Gerelateerde links

Tools en documentatie:

You can also find me on