Web Tutorials

Dreamweaver | Webdesign | Web Tutorials

Data toevoegen aan de database – DDT

We gaan een pagina opzetten waar we een formulier op implementeren, met dit formulier gaan we een artikel toevoegen aan de database welke we achteraf op een andere pagina kunnen tonen op de website. Na dit hoofstuk kan je op een makkelijke manier allerhande data toevoegen aan de database via je website welke je achteraf op een pagina kan laten zien.

Met het hoofdstuk een ‘login systeem aanmaken’ kan je de pagina met dit formulier, om data toe te voegen, beveiligen met een paswoord. Op deze manier kan je een admin area aanmaken.

Aanmaken tabellen in database

Ondertussen weet je al hoe je tabellen kan aanmaken in je database. Maak een tabel ‘artikelen’ aan met de volgende velden :

• id
• titel
• bericht
• datum

Toevoeg formulier aanmaken

Nu gaan we het formulier aanmaken waarmee je artikelen kan toevoegen aan je database. Maak hiervoor 2 php pagina’s aan. Eén pagina voor je formulier en één pagina waar je terecht komt nadat je de data van het formulier hebt toegevoegd. Voor deze oefening maken we toevoegen.php en toevoegen_ok.php aan.

Open pagina toevoegen.php en plaats je cursor op de plaats waar je formulier dient te komen. Ga via Application -> Server Behaviors -> + teken -> Developer Toolbox -> Forms -> Insert Record From Wizard, zoals op onderstaande afbeelding.

Er start nu een wizard op die je helemaal begeleidt tot het aanmaken van dit formulier. Hier een overzicht van alle stappen van deze wizard :

Stap 1 :

Connection : Selecteer hier je database connectie.

Insert into table : Selecteer hier je database tabel waar dit formulier de data moet toevoegen. Voor deze oefening was dit ‘artikelen’.

Primary key column : Dit is je ‘id’.

After inserting, go to : Selecteer hier de pagina waar je terecht komt nadat je het toevoeg formulier gebruikt hebt.

Klik nu op ‘Next’.

Stap 2 :

In deze tab kan je de velden van je tabel aanpassen. Selecteer telkens het gewenste veld om de waarden hiervan aan te passen.

Form fields : De plus en min tekens dienen om velden van je tabel bij te zetten(+) of terug te verwijderen(-) in je formulier. De pijltjes dienen om de velden van positie te veranderen in je formulier.

Label : Dit is de naam die je te zien krijgt in je formulier langs het text veld. Hier kan je de naam aanpassen indien gewenst.

Display as : Selecteer hier welk type veld het is. Belangrijk als je bijvoorbeeld images gaat mee uploaden, dan wordt het een File Field. Het veld ‘bericht’ is aangepast naar een text area vermits hier een tekst veld nodig is om de berichten te kunnen schrijven.

Submit as : Bepaal hier hoe het moet toegevoegd worden. Bij ‘date’ is de waarde omgezet van Text naar Date.

Klik nu op ‘Next’.

Stap 3 :

In deze tab kan je je velden verplicht maken en indien gewenst een mededeling meegeven wanneer deze niet zijn ingevuld.

Form fields : Selecteer hier het veld dat je wil aanpassen.

Required : Indien je wilt dat het geselecteerde veld verplicht is, vink je deze checkbox aan.

Valdation Format : Hier kan je meegeven of het ingevulde veld aan een bepaalde waarde moet voldoen. Bijvoorbeeld een e-mail adres, een rekeningnummer, enz.

Min char – Max char : Indien je wil dat je veld aan een minimum en/of maximum aantal karakters moet voldoen kan je dit hier meegeven.

Custom message : Vink deze checkbox aan indien je een mededeling wil laten zien als het verplichte veld niet is ingevuld.

Error message : Geef hier de mededeling in.

Klik op Finish. Je formulier is klaar en staat nu op je pagina. Nadat de error message is gewist en de Insert button vertaald is krijg je hetvolgende te zien :

Best is om steeds de error message te selecteren en te deleten. Deze kunnen zeer onhandig zijn in gebruik.

Dit hoofdstuk is een onderdeel van ‘Een PHP website maken zonder code te schrijven’

Indien je het nuttig vond mag je altijd een bericht achterlaten of u inschrijven op onze nieuwsbrief om altijd op de hoogte te blijven.

Copyright 2008. Web Tutorials. All rights reserved