Een pagina voor het invoegen van records maken

Maak een dynamische pagina (Bestand > Nieuw > Lege pagina) en ontwerp je pagina met de ontwerptools van Dreamweaver.

Voeg een HTML-formulier toe door het invoegpunt te plaatsen waar je wilt dat het formulier verschijnt en selecteer Invoegen > Formulier > Formulier.

Op de pagina wordt een leeg formulier gemaakt. Mogelijk moet je Onzichtbare elementen inschakelen (Weergave > Visuele hulpmiddelen > Onzichtbare elementen) om de grenzen van het formulier te zien, die worden weergegeven door dunne rode lijnen.

Geef het HTML-formulier een naam door op de <form> tag onder in het documentvenster te klikken om het formulier te selecteren, de Property inspector te openen (Venster > Eigenschappen) en een naam in te voeren in het vak Formuliernaam.

Je hoeft geen action- of method-kenmerk voor het formulier op te geven om te bepalen waar en hoe de recordgegevens worden verzonden wanneer de gebruiker op de knop Verzenden klikt.Het serververgedrag Insert Record stelt deze attributen voor je in.

Voeg een formulierobject toe zoals een tekstveld (Invoegen > Formulier > Tekstveld) voor elke kolom in de databasetabel waar je records in wilt invoegen.

De formulierobjecten dienen voor de gegevensinvoer. Tekstvelden worden vaak voor dit doel gebruikt, maar je kunt ook menu's, opties en keuzerondjes gebruiken.

Voeg een knop Verzenden toe aan het formulier (Invoegen > Formulier > Knop).

Je kunt het label van de knop Verzenden wijzigen door de knop te selecteren, de Property inspector te openen (Venster > Eigenschappen) en een nieuwe waarde in te voeren in het vak Label.

Klik in het deelvenster Server Behaviors (Venster > Server Behaviors) op de knop Plus (+) en selecteer Insert Record uit het pop‑upmenu.

Selecteer een formulier in het pop-upmenu Waarden verzenden vanaf.

Selecteer in het pop‑upmenu Data Source een verbinding met de database.

Voer uw gebruikersnaam en wachtwoord in.

Selecteer in het pop‑upmenu Insert Into Table de databasetabel waarin u het record wilt invoegen.

Geef een databasekolom op om het record in in te voegen, selecteer het formulierobject dat het record zal invoegen uit het pop‑upmenu Value en selecteer vervolgens een gegevenstype voor het formulierobject uit het pop‑upmenu Submit As.

Het gegevenstype is het soort gegevens dat de kolom in je databasetabel verwacht (tekst, numeriek, booleaanse optiewaarden).

Herhaal de procedure voor elk formulierobject in je formulier.

Voer in het vak After Inserting, Go To de pagina in die moetworden geopend nadat het record in de tabel is ingevoegd of klik op de knop Browse om naar het bestand te bladeren.

Klik op OK.

Dreamweaver voegt een serververgedrag toe aan de pagina waarmee gebruikers records in een databasetabel kunnen invoegen door het HTML-formulier in te vullen en op de knop Verzenden te klikken.

Klik in het deelvenster Server Behaviors (Venster > Server Behaviors) op de knop Plus (+) en selecteer Insert Record uit het pop‑upmenu.

Selecteer in het pop‑upmenu Connection een verbinding met de database.

Klik op de knop Definiëren als u een verbinding moet definiëren.

Selecteer in het pop-upmenu Invoegen in tabel de databasetabel waarin de record moet worden ingevoegd.

Voer in het vak Na invoegen, ga naar de pagina in die must worden geopend nadat de record in de tabel is ingevoegd of klik op Verkennen om naar het bestand te verkennen.

Selecteer in het pop-upmenu Waarden ophalen uit het HTML-formulier dat wordt gebruikt om de gegevens in te voeren.

Dreamweaver selecteert automatisch het eerste formulier op je pagina.

Geef een databasekolom op om de record in in te voegen, selecteer het formulierobject dat de record invoegt vanuit het pop-upmenu Waarde en selecteer vervolgens een gegevenstype voor het formulierobject vanuit het pop-upmenu Versturen als.

Het gegevenstype is het soort gegevens dat de kolom in je databasetabel verwacht (tekst, numeriek, booleaanse optiewaarden).

Herhaal de procedure voor elk formulierobject in je formulier.

Klik op OK.

Dreamweaver voegt een servergedrag toe aan de pagina waarmee gebruikers records kunnen invoegen in een databasetabel door het HTML-formulier in te vullen en op de knop Versturen te klikken.

Om het servergedrag te bewerken, open je het deelvenster Servergedragingen (Venster > Servergedragingen) en dubbelklik je op het gedrag Record invoegen.

Klik in het deelvenster Servergedragingen (Venster > Servergedragingen) op de knop Plus (+) en selecteer Record invoegen vanuit het pop-upmenu.

Selecteer een formulier in het pop-upmenu Waarden verzenden vanaf.

Selecteer in het pop-upmenu Verbinding een verbinding naar de database.

Selecteer in het pop-upmenu Tabel invoegen de databasetabel waarin de record moet worden ingevoegd.

Geef een databasekolom op waarin de record moet worden ingevoegd, selecteer het formulierobject dat de record invoegt in het pop-upmenu Waarde en selecteer vervolgens een gegevenstype voor het formulierobject in het pop-upmenu Verzenden als.

Het gegevenstype is het soort gegevens dat de kolom in je databasetabel verwacht (tekst, numeriek, Booleaanse optiewaarden).

Herhaal de procedure voor elk formulierobject in je formulier.

Voer in het vak Na invoegen, ga naar de pagina in die moet worden geopend nadat de record in de tabel is ingevoegd of klik op de knop Verkennen om naar het bestand te verkennen.

Klik op OK.

Dreamweaver voegt een server-gedrag toe aan de pagina waarmee gebruikers records in een databasetabel kunnen invoegen door het HTML-formulier in te vullen en op de knop Verzenden te klikken.

Open de pagina in Ontwerpweergave en selecteer Invoegen > Gegevensobjecten > Record invoegen > Wizard Recordinvoegingsformulier.

Selecteer in het pop-upmenu Verbinding een verbinding met de database.Klik op Definiëren als u een verbinding moet definiëren.

Selecteer in het pop-upmenu Invoegen in tabel de databasetabel waarin de record moet worden ingevoegd.

Als u ColdFusion gebruikt, voert u een gebruikersnaam en wachtwoord in.

Voer in het vak Na invoegen, ga naar de pagina in die moet worden geopend nadat de record in de tabel is ingevoegd of klik op de knop Verkennen om naar het bestand te verkennen.

Geef in het gebied Formuliervelden de formulierobjecten op die je wilt opnemen in het HTML-formulier van de invoegpagina en welke kolommen in je databasetabel elk formulierobject moet bijwerken.

Standaard maakt Dreamweaver een formulierobject voor elke kolom in de databasetabel.Als je database automatisch unieke sleutel-ID's genereert voor elke nieuwe record die wordt gemaakt, verwijder dan het formulierobject dat overeenkomt met de sleutelkolom door het te selecteren in de lijst en op de knop Min (-) te klikken.Dit elimineert het risico dat de gebruiker van het formulier een ID-waarde invoert die al bestaat.

Je kunt ook de volgorde van de formulierobjecten op het HTML-formulier wijzigen door een formulierobject in de lijst te selecteren en op de pijl omhoog of Pijl-omlaag aan de rechterkant van het dialoogvenster te klikken.

Geef aan hoe elk gegevensinvoerveld moet worden weergegeven op het HTML-formulier door op een rij te klikken in de tabel Formuliervelden en de volgende informatie in te voeren in de vakken onder de tabel:

• Voer in het vak Label een beschrijvende label in die naast het gegevensinvoerveld wordt weergegeven. Standaard toont Dreamweaver de naam van de tabelkolom in het label.

• Selecteer in het pop-upmenu Weergeven als een formulierobject dat als gegevensinvoerveld moet fungeren. U kunt kiezen uit Tekstveld, Tekstgebied, Menu, Selectievakje, Groep keuzerondjes en Tekst. Selecteer Tekst voor alleen-lezenvermeldingen. U kunt ook Wachtwoordveld, Bestandsveld en Verborgen veld selecteren.

• Selecteer in het pop-upmenu Verzenden als de gegevensindeling die door de databasetabel wordt geaccepteerd. Als de tabelkolom bijvoorbeeld alleen numerieke gegevens accepteert, selecteert u Numeriek.
• Stel de eigenschappen van het formulierobject in. De mogelijke opties hangen af van het formulierobject dat u als gegevensinvoerveld hebt geselecteerd. Voor tekstvelden, tekstgebieden en tekst kunt u een beginwaarde invoeren. Voor menu's en groepen keuzerondjes opent u een ander dialoogvenster waarin u de eigenschappen kunt instellen. Voor opties schakelt u de optie Ingeschakeld of Uitgeschakeld in.  

Klik op OK.

Dreamweaver voegt zowel een HTML-formulier als de serverhandeling 'Record invoegen' toe aan je pagina.De formulierobjecten zijn ingedeeld in een basistabel, die je kunt aanpassen met de Dreamweaver-paginaontwerptools. (Zorg ervoor dat alle formulierobjecten binnen de grenzen van het formulier blijven.)

Om het servergedrag te bewerken, open je het deelvenster Servergedragingen (Venster > Servergedragingen) en dubbelklik je op het gedrag Record invoegen.