Een pagina voor het bijwerken van records maken in Dreamweaver

Laatst bijgewerkt op 25 apr. 2024
Notitie

De gebruikersinterface van nieuwere versies van Dreamweaver is vereenvoudigd. Daarom zijn sommige opties die in dit artikel worden beschreven, niet beschikbaar in nieuwere versies van Dreamweaver. Meer informatie vindt u in dit artikel.

Recordupdatepagina's

Je applicatie kan een set pagina's bevatten waarmee gebruikers bestaande records in een databasetabel kunnen bijwerken. De pagina's bestaan normaal gesproken uit een zoekpagina, een resultatenpagina en een updatepagina.Op de zoek- en resultatenpagina kunnen gebruikers het record ophalen en op de bijwerkpagina kunnen gebruikers het record wijzigen.

De record zoeken die moet worden bijgewerkt

Wanneer gebruikers een record willen bijwerken, moeten ze eerst dat record in de database vinden. Je hebt dus een zoek- en resultatenpagina nodig om met de bijwerkpagina te werken. De gebruiker voert zoekcriteria in op de zoekpagina en selecteert het record op de resultatenpagina. Wanneer de gebruiker op het record klikt op de resultaten pagina, wordt de bijwerkpagina geopend en wordt het record weergegeven in een HTML-formulier.

Nadat je de zoek- en resultatenpagina's hebt gemaakt, maak je koppelingen op de resultatenpagina om de bijwerkpagina te openen. Vervolgens wijzig je de koppelingen om de ID's door te geven van de records die de gebruiker selecteert. De bijwerkpagina gebruikt deze ID om het gevraagde record in de database te vinden en weer te geven.

Je gebruikt hetzelfde proces om de updatepagina te openen en een record-ID door te geven als voor het openen van een detailpagina en het doorgeven van een record-ID.Meer informatie vind je in Koppelingen maken naar de detailpagina.

De record ophalen die moet worden bijgewerkt

Nadat de resultatenpagina een record-ID aandoorstuurt naar de bijwerkpagina om het bij te werken record te identificeren, moet de bijwerkpagina de parameter lezen, het record ophalen uit de databasetabel en het tijdelijk opslaan in een recordset.

Maak een pagina in Dreamweaver en sla deze op.

Deze pagina wordt de updatepagina.

Klik in het paneel Bindingen (Venster > Bindingen) op de knop Plus (+) en selecteer Recordset.

Als het geavanceerde dialoogvenster wordt geopend, klikt u op Eenvoudig. Het geavanceerde dialoogvenster heeft een tekstgebied om SQL-instructies in te voeren; het eenvoudige dialoogvenster heeft dit niet.

Geef de recordset een naam en geef aan waar de gegevens die je wilt bijwerken zich bevinden met behulp van de pop-upmenu's Verbinding en Tabel.
Klik op Geselecteerd en selecteer een sleutelkolom (meestal de record-ID-kolom) en de kolommen die de bij te werken gegevens bevatten.
Configureer het filtergedeelte zodat de waarde van je sleutelkolom gelijk is aan de waarde van de corresponderende URL-parameter die is doorgegeven door de resultatenpagina.

Dit soort filter maakt een recordset die alleen het record bevat dat is opgegeven door de resultatenpagina.Als je sleutelkolom bijvoorbeeld record-ID-informatie bevat en PRID heet, en als de resultatenpagina de corresponderende record-ID-informatie doorstuurt in de URL-parameter genaamd id, moet het gebied Filter eruitzien zoals het volgende voorbeeld:

Filtergebied

Klik op OK.

Wanneer de gebruiker een record selecteert op de resultatenpagina, genereert de bijwerkpagina een recordset die alleen het geselecteerde record bevat.

Voltooi de bijwerkpagina blok voor blok

Een updatepagina bevat drie elementen:

  • Een gefilterde recordset om het record op te halen uit een databasetabel
  • Een HTML-formulier waarmee gebruikers de gegevens van een record kunnen wijzigen
  • Een Update Record-servergedrag om de databasetabel bij te werken

    Je kunt de laatste twee basisbouwstenen van een bijwerkpagina afzonderlijk toevoegen met behulp van de formuliertools en het deelvenster Servergedrag.

Een HTML-formulier aan een updatepagina toevoegen

Maak een pagina (Bestand > Nieuw > Lege pagina). Dit wordt de updatepagina.
Maak je pagina op met de ontwerptools van Dreamweaver.
Voeg een HTML-formulier toe door de invoegpositie te plaatsen waar je het formulier wilt laten verschijnen en Invoegen > Formulier > Formulier te selecteren.

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 onderaan het documentvenster te klikken om het formulier te selecteren, de eigenschappeninspector te openen (Venster > Eigenschappen) en een naam in te voeren in het vak Formuliernaam.

Je hoeft geen action- of method-attribuut op te geven voor het formulier om aan te geven waar en hoe de recordgegevens moeten worden verzonden wanneer de gebruiker op de knop Verzenden klikt. Het servergedrag Record bijwerken stelt deze attributen voor je in.

Voeg een formulierobject toe, zoals een tekstveld (Invoegen > Formulier > Tekstveld), voor elke kolom die je wilt bijwerken in de databasetabel.

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

Elk formulierobject moet een bijbehorende kolom hebben in de recordset die je eerder hebt gedefinieerd. De enige uitzondering is de unieke sleutelkolom, die geen bijbehorend formulierobject moet hebben.

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

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

De record in het formulier weergeven

Zorg ervoor dat je een recordset hebt gedefinieerd om het record vast te houden dat de gebruiker wil bijwerken.

Voeg een servergedrag toe om de databasetabel bij te werken

Klik in het paneel Servergedragingen (Venster > Servergedragingen) op de Plus-button (+) en selecteer Record bijwerken in het pop-upmenu.

Het dialoogvenster Record bijwerken wordt geopend.

Selecteer een formulier in het pop-upmenu Waarden verzenden vanaf.
Selecteer in het pop-upmenu Databron of Verbinding een verbinding met de database.
Voer indien nodig uw gebruikersnaam en wachtwoord in.
Selecteer in het pop-upmenu Tabel bijwerken de databasetabel die de bij te werken record bevat.
(ColdFusion, PHP) Geef een bij te werken databasekolom op, selecteer het formulierobject dat de kolom bijwerkt in het pop-upmenu Waarde, selecteer een gegevenstype voor het formulierobject in het pop-upmenu Verzenden als en selecteer Primaire sleutel als je deze kolom als primaire sleutel wilt identificeren.

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.

(ASP) Geef in het pop-upmenu Record selecteren uit de recordset op die de record bevat die wordt weergegeven in het HTML-formulier.Selecteer in het pop-upmenu Unieke sleutelkolom een sleutelkolom (meestal de record-ID-kolom) om de record in de databasetabel te identificeren.Selecteer de optie Numeriek als de waarde een getal is. Een sleutelkolom accepteert meestal alleen numerieke waarden, maar soms ook tekstwaarden.
Voer in het vak Na bijwerken of Bij succes, ga naar de pagina in die na het bijwerken van de record in de tabel moet worden geopend, of klik op de knop Verkennen om naar het bestand te verkennen.
(ASP) Geef een bij te werken databasekolom op, selecteer het formulierobject dat de kolom bijwerkt 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 het formulier.
Klik op OK.

Dreamweaver voegt een servergedrag toe aan de pagina waarmee gebruikers records in een databasetabel kunnen bijwerken door de informatie die wordt weergegeven in het HTML-formulier te wijzigen en op de knop Verzenden te klikken.

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

Voltooi de updatepagina in één handeling

Een updatepagina heeft drie bouwstenen:

  • Een gefilterde recordset om de record op te halen uit een databasetabel

  • Een HTML-formulier waarmee gebruikers de gegevens van een record kunnen wijzigen

  • Het servergedrag Record bijwerken om de databasetabel bij te werken

Je kunt de laatste twee bouwstenen van een updatepagina in één handeling toevoegen met het data-object Record Update Form.Het data-object voegt zowel een HTML-formulier als een Update Record-serverbehavior toe aan de pagina.

Voordat je het data-object kunt gebruiken, moet je webapplicatie in staat zijn de bij te werken record te identificeren en moet je updatepagina de record kunnen ophalen.

Nadat het data-object de bouwstenen op de pagina heeft geplaatst, kun je de Dreamweaver ontwerptools gebruiken om het formulier naar wens aan te passen, of het paneel Server Behaviors om de Update Record server behavior te bewerken.

Notitie

De updatepagina kan slechts één record-bewerkings server behavior tegelijk bevatten. Je kunt bijvoorbeeld geen Insert Record- of Delete Record-servergedrag toevoegen aan de updatepagina.

Open de pagina in Design-weergave en selecteer Invoegen > Data-objecten > Record bijwerken > Record Update Form wizard.

Het dialoogvenster Formulier Record bijwerken wordt geopend.

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

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

Selecteer in het pop-upmenu Bij te werken tabel de database tabel die de bij te werken record bevat.
Specificeer in het pop-upmenu Record selecteren uit de recordset die de record bevat die wordt weergegeven in het HTML-formulier.
Selecteer in het pop-upmenu Unieke sleutelkolom een sleutelkolom (meestal de record-ID-kolom) om het record in de databasetabel te identificeren.

Als de waarde een getal is, selecteert u de optie Numeriek. Een sleutelkolom accepteert meestal alleen numerieke waarden, maar soms accepteert deze ook tekstwaarden.

Voer in het vak Na bijwerken, ga naar de pagina in die moet worden geopend nadat het record in de tabel is bijgewerkt.
Geef in het gebied Formuliervelden aan 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 elk nieuw record dat 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 omlaag aan de rechterkant van het dialoogvenster te klikken.

Geef aan hoe elk gegevensinvoerveld moet verschijnen op het HTML-formulier door op een rij in de tabel Formuliervelden te klikken en de volgende informatie in de vakken onder de tabel in te voeren:
  • 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.

Notitie

Verborgen velden worden aan het einde van het formulier ingevoegd.

  • Selecteer in het pop-upmenu Verzenden als de gegevensindeling die door de databasetabel wordt verwacht. 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.  
Stel de eigenschappen van andere formulierobjecten in door een andere rij Formuliervelden te selecteren en een label, Weergeven als-waarde en Versturen als-waarde in te voeren.

Voor menu's en radiogroepen open je een ander dialoogvenster om de eigenschappen in te stellen. Voor opties definieer je een vergelijking tussen de waarde van het huidige record voor de optie en een gegeven waarde om te bepalen of de optie is aangevinkt wanneer het record wordt weergegeven.

Klik op OK.

Dreamweaver voegt zowel een HTML-formulier als een server-gedrag Record bijwerken toe aan je pagina.

Het gegevensobject voegt zowel een HTML-formulier als een server-gedrag Record bijwerken toe aan je pagina. De formulierobjecten zijn opgemaakt in een basistabel die je kunt aanpassen met de Dreamweaver-pagina-ontwerptools.(Zorg ervoor dat alle formulierobjecten binnen de grenzen van het formulier blijven.)

Om het server-gedrag te bewerken, open je het paneel Server-gedragingen (Venster > Server-gedragingen) en dubbelklik je op het gedrag Record bijwerken.

Opties voor eigenschappen van formulierelementen

Het dialoogvenster Eigenschappen van formulierelement is bedoeld voor het instellen van opties voor formulierelementen op pagina's waarmee gebruikers records in een database kunnen bijwerken.

Selecteer Handmatig of Uit database, afhankelijk van hoe je het formulierelement wilt maken.
Klik op de plusknop (+) om een element toe te voegen.
Voer een label en een waarde voor het element in.
Voer in het vak Waarde selecteren gelijk aan, als je wilt dat een bepaald element wordt geselecteerd wanneer de pagina wordt geopend in een browser of wanneer een record wordt weergegeven in het formulier, een waarde in die gelijk is aan de waarde van het element.

Je kunt een statische waarde invoeren of je kunt een dynamische waarde opgeven door op het bliksempictogram te klikken en een dynamische waarde te selecteren uit de lijst met gegevensbronnen. In beide gevallen moet de waarde die je opgeeft overeenkomen met een van de waarden van het element.