Bygg en postuppdateringssida i Dreamweaver

Skapa en sida i Dreamweaver och spara den.

Den här sidan kommer att bli din uppdateringssida.

I panelen Bindningar (Fönster > Bindningar) klickar du på Plus-knappen (+) och väljer Postuppsättning.

Om den avancerade versionen av dialogrutan visas, klickar du på Enkel. Den avancerade dialogrutan har ett textområde för att ange SQL-satser; den enkla gör det inte.

Namnge postuppsättningen och ange var informationen du vill uppdatera finns med hjälp av menyerna Anslutning och Tabell.

Klicka på Markerade och välj en nyckelkolumn (vanligtvis post-ID-kolumnen) och kolumnerna som innehåller data som ska uppdateras.

Konfigurera filterområdet så att värdet för din nyckelkolumn motsvarar värdet för motsvarande URL-parameter som skickas av resultatsidan.

Den här typen av filter skapar en postuppsättning som endast innehåller posten som anges av resultatsidan. Om din nyckelkolumn innehåller post-ID-information och kallas PRID, och om resultatsidan skickar motsvarande post-ID-information i URL-parametern som kallas id, bör filterområdet se ut som följande exempel:

Klicka på OK.

När användaren väljer en post på resultatsidan genererar uppdateringssidan en postuppsättning som endast innehåller den valda posten.

Skapa en sida (Arkiv > Ny > Tom sida).Det här kommer att bli din uppdateringssida.

Utforma din sida med hjälp av Dreamweavers designverktyg.

Lägg till ett HTML-formulär genom att placera insättningspunkten där du vill att formuläret ska visas och välja Infoga > Formulär > Formulär.

Ett tomt formulär skapas på sidan. Du kanske måste aktivera Osynliga element (Visa > Visuella hjälpmedel > Osynliga element) för att se formulärets gränser, som representeras av tunna röda linjer.

Namnge HTML-formuläret genom att klicka på <form>-taggen längst ner i dokumentfönstret för att välja formuläret, öppna Property inspector (Fönster > Egenskaper) och ange ett namn i rutan Formulärnamn.

Du behöver inte ange ett action- eller method-attribut för formuläret för att tala om var och hur postdata ska skickas när användaren klickar på knappen Skicka.Serverbeteendet Uppdatera post ställer in dessa attribut åt dig.

Lägg till ett formulärobjekt som ett textfält (Infoga > Formulär > Textfält) för varje kolumn du vill uppdatera i databastabellen.

Formulärobjekten används för datainmatning. Textfält är vanliga för detta ändamål, men du kan också använda menyer, alternativ och radioknappar.

Varje formulärobjekt bör ha en motsvarande kolumn i den datauppsättning du definierade tidigare.Det enda undantaget är kolumnen för unik nyckel, som inte bör ha något motsvarande formulärobjekt.

Lägg till en Skicka-knapp i formuläret (Infoga > Formulär > Knapp).

Du kan ändra etiketten för Skicka-knappen genom att välja knappen, öppna egenskapsinspektören (Fönster > Egenskaper) och ange ett nytt värde i rutan Etikett.

Se till att du har definierat en datauppsättning som ska innehålla posten som användaren vill uppdatera.

Se Hämta posten som ska uppdateras.

Bind varje formulärobjekt till data i datauppsättningen, enligt beskrivningen i följande ämnen:

• Visa dynamiskt innehåll i HTML-textfält

• Förvälja en HTML-kryssruta dynamiskt

• Förvälja en HTML-radioknapp dynamiskt

• Infoga eller ändra en dynamisk HTML-formulärmeny

• Gör befintliga HTML-formulärmenyer dynamiska

I panelen Server Behaviors (Fönster > Server Behaviors) klickar du på plusknappen (+) och väljer Uppdatera post från popup-menyn.

Dialogrutan Uppdatera post visas.

Välj ett formulär på snabbmenyn Skicka värden från.

I popup-menyn Datakälla eller Anslutning väljer du en anslutning till databasen.

Ange ditt användarnamn och lösenord om tillämpligt.

I popup-menyn Uppdatera tabell väljer du den databastabell som innehåller posten du uppdaterar.

(ColdFusion, PHP) Ange en databaskolumn som ska uppdateras, välj formulärobjektet som ska uppdatera kolumnen från popup-menyn Värde, välj en datatyp för formulärobjektet från popup-menyn Skicka som och välj Primärnyckel om du vill identifiera denna kolumn som primärnyckel.

Datatypen är den typ av data som kolumnen i databastabellen förväntar sig (text, numerisk, booleska alternativvärden).

Upprepa proceduren för varje formulärobjekt i ditt formulär.

(ASP) I popup-menyn Välj post från anger du postsamlingen som innehåller posten som visas i HTML-formuläret.I popup-menyn Unik nyckelkolumn väljer du en nyckelkolumn (vanligtvis post-ID-kolumnen) för att identifiera posten i databastabellen. Markera alternativet Numerisk om värdet är ett tal. En nyckelkolumn accepterar vanligtvis endast numeriska värden, men accepterar ibland textvärden.

I rutan Efter uppdatering eller Vid lyckad åtgärd, gå till anger du sidan som ska öppnas efter att posten uppdateras i tabellen eller klickar på knappen Bläddra för att bläddra till filen.

(ASP) Ange en databaskolumn som ska uppdateras, välj formulärobjektet som ska uppdatera kolumnen från popup-menyn Värde och välj sedan en datatyp för formulärobjektet från popup-menyn Skicka som. Datatypen är den typ av data som kolumnen i din databastabell förväntar sig (text, numerisk, booleska alternativvärden). Upprepa proceduren för alla formulärobjekt i ditt formulär.

Klicka på OK.

Dreamweaver lägger till en server-funktion till sidan som låter användare uppdatera poster i en databastabell genom att ändra informationen som visas i HTML-formuläret och klicka på knappen Skicka.

För att redigera server-funktionen öppnar du panelen Server-funktioner (Fönster > Server-funktioner) och dubbelklickar på funktionen Uppdatera post.

Öppna sidan i designvy och välj Infoga > Dataobjekt > Uppdatera post > Guide för postuppdateringsformulär.

Dialogrutan Formulär för postuppdatering.

I popup-menyn Anslutning väljer du en anslutning till databasen.

Klicka på Definiera om du behöver definiera en anslutning.

I popup-menyn Tabell att uppdatera väljer du databastabellen som innehåller posten som ska uppdateras.

I popup-menyn Välj post från anger du postsamlingen som innehåller posten som visas i HTML-formuläret.

I popup-menyn Unik nyckelkolumn väljer du en nyckelkolumn (vanligtvis post-ID-kolumnen) för att identifiera posten i databas tabellen.

Om värdet är ett tal, markerar du alternativet Numerisk. En nyckelkolumn accepterar vanligtvis endast numeriska värden, men ibland accepterar den textvärden.

I rutan Efter uppdatering, gå till anger du sidan som ska öppnas efter att posten har uppdaterats i tabellen.

I området Formulärfält anger du vilka kolumner i din databastabell som varje formulärobjekt ska uppdatera.

Som standard skapar Dreamweaver ett formulärobjekt för varje kolumn i databastabellen. Om din databas automatiskt genererar unika nyckel-ID:n för varje ny post som skapas, ta bort formulärobjektet som motsvarar nyckelkolumnen genom att välja det i listan och klicka på knappen Minus (-).Detta eliminerar risken att användaren av formuläret matar in ett ID-värde som redan finns.

Du kan också ändra ordningen på formulärobjekten på HTML-formuläret genom att välja ett formulärobjekt i listan och klicka på uppåt- eller nedåtpilen på höger sida av dialogrutan.

Ange hur varje datainmatningsfält ska visas på HTML-formuläret genom att klicka på en rad i tabellen Formulärfält och mata in följande information i rutorna under tabellen:

• I rutan Etikett anger du en beskrivande etikett som ska visas bredvid datainmatningsfältet. Som standard visar Dreamweaver tabellkolumnens namn i etiketten.

• Markera ett formulärobjekt som ska fungera som datainmatningsfält i snabbmenyn Visa som. Du kan välja Textfält, Textområde, Meny, Kryssruta, Alternativknappar och Text. Välj Text för skrivskyddade inmatningar. Du kan även välja Lösenordsfält, Filfält och Dolt fält.

• I snabbmenyn Skicka som markerar du det dataformat som stöds av databastabellkolumnen. Om tabellkolumnen till exempel endast kan ta emot numeriska data, markerar du Numerisk.

• Ange formulärobjektets egenskaper. Beroende på vilket formulärobjekt du markerar som datainmatningsfält, har du olika alternativ att ta ställning till. För textfält, textområden och text kan du ange ett ursprungligt värde. Egenskaperna för menyer och grupper med alternativknappar kan du ange genom att öppna en annan dialogruta. För alternativ markerar du alternativet Markerat eller Omarkerat.  

Ange egenskaper för andra formulärobjekt genom att välja en annan rad i Formulärfält och mata in en etikett, ett Visa som-värde, och ett Skicka som-värde.

För menyer och radiogrupper öppnar du en annan dialogruta för att ange egenskaper. För alternativ definierar du en jämförelse mellan den aktuella postens värde för alternativet och ett givet värde för att avgöra om alternativet är markerat när posten visas.

Klicka på OK.

Dreamweaver lägger till både ett HTML-formulär och serverbeteendet Uppdatera post på din sida.

Dataobjektet lägger till både ett HTML-formulär och ett serverbeteende för uppdatering av poster på din sida.Formulärobjekten är utlagda i en grundläggande tabell, som du kan anpassa med Dreamweavers siddesignverktyg. (Se till att alla formulärobjekt förblir inom formulärets gränser.)

För att redigera serverbeteendet öppnar du panelen Serverbeteenden (Fönster > Serverbeteenden) och dubbelklickar på beteendet Uppdatera post.

Välj antingen Manuellt eller Från databas, beroende på hur du planerar att skapa formulärelementet.

Klicka på plusknappen (+) om du vill lägga ett element.

Ange en etikett och ett värde för elementet.

I rutan Välj värde lika med, om du vill att ett visst element ska vara valt när sidan öppnas i en webbläsare eller när en post visas i formuläret, anger du ett värde som är lika med elementets värde.

Du kan mata in ett statiskt värde eller så kan du ange ett dynamiskt värde genom att klicka på blixtikonen och välja ett dynamiskt värde från listan över datakällor. I båda fallen ska värdet du anger matcha ett av elementets värden.