Bygga postborttagningssidor i Dreamweaver

Senast uppdaterad den 25 apr. 2024

Lär dig hur du bygger en postborttagningssida i Dreamweaver som tillåter att användarna kan ta bort poster i en databas.

Obs!

Användargränssnittet i Dreamweaver och senare har förenklats. Det kan därför hända att du inte hittar vissa av alternativen i den här artikeln i Dreamweaver och senare. Mer information finns i den här artikeln.

Om postborttagningssidor

Din applikation kan innehålla en uppsättning sidor som låter användare ta bort poster i en databas. Sidorna består normalt av en söksida, en resultatsida och en borttagningssida. En borttagningssida är vanligtvis en detaljsida som fungerar tillsammans med en resultatsida.Sök- och resultatsidorna låter användaren hämta posten och borttagningssidan låter användaren bekräfta och ta bort posten.

Efter att ha skapat sök- och resultatsidorna lägger du till länkar på resultatsidan för att öppna borttagningssidan och bygger sedan en borttagningssida som visar posterna och en Skicka-knapp.

Söka efter den post som ska tas bort

När användare vill ta bort en post måste de först hitta den posten i databasen. Följaktligen behöver du en sök- och en resultatsida för att arbeta med borttagningssidan. Användaren anger sökkriterier på söksidan och väljer posten på resultatsidan. När användaren klickar på posten öppnas borttagningssidan och visar posten i ett HTML-formulär.

Efter att ha skapat sök- och resultatsidorna måste du skapa länkar på resultatsidan för att öppna borttagningssidan. Du ändrar sedan länkarna för att skicka ID:n för de poster som användaren vill ta bort. Borttagningssidan använder detta ID för att hitta och visa posten.

På resultatsidan skapar du en kolumn i tabellen som används för att visa poster genom att klicka inuti den sista tabellkolumnen och välja Ändra > Tabell > Infoga rader eller kolumner.
Välj alternativet Kolumner och alternativet Efter aktuell kolumn och klicka på OK.

En kolumn läggs till i tabellen.

I den nyligen skapade tabellkolumnen anger du strängen Ta bort i raden som innehåller platshållarna för dynamiskt innehåll. Se till att du anger strängen i det flikindelade repetitionsområdet.

Du kan också infoga en bild med ett ord eller en symbol för borttagning.

Välj strängen Ta bort för att tillämpa en länk på den.
I Egenskapskontrollen anger du borttagningssidan i Länk-rutan. Du kan ange valfritt filnamn.

Efter att ha klickat utanför Länk-rutan visas strängen Ta bort länkad i tabellen. Om du använder Live-vyn kan du se att länken tillämpas på samma text i varje tabellrad.

Markera borttagningslänken på resultatsidan.
(ColdFusion) I Länk-rutan i Egenskapskontrollen lägger du till följande sträng i slutet av URL:en:

?recordID=#recordsetName.fieldName#

Frågetecknet talar om för servern att det som följer är en eller flera URL-parametrar. Ordet recordID är namnet på URL-parametern (du kan välja vilket namn du vill). Observera namnet på URL-parametern eftersom du kommer att använda den på borttagningssidan senare.

Uttrycket efter likhetstecknet är parameterns värde.I det här fallet genereras värdet av ett ColdFusion-uttryck som returnerar ett post-ID från postuppsättningen.Ett annat ID genereras för varje rad i den dynamiska tabellen.I ColdFusion-uttrycket ersätter du recordsetName med namnet på din postuppsättning och ersätter fieldName med namnet på fältet i din postuppsättning som unikt identifierar varje post.I de flesta fall består fältet av ett post-ID- nummer.I följande exempel består fältet av unika platskoder:

confirmDelete.cfm?recordID=#rsLocations.CODE#

När sidan körs infogas värdena från postuppsättningens CODE-fält i motsvarande rader i den dynamiska tabellen.Om till exempel hyrplatsen Canberra, Australien har koden CBR används följande URL i Canberra-raden i den dynamiska tabellen:

confirmDelete.cfm?recordID=CBR

(PHP) I fältet Länk i Egenskapsinspektören lägger du till följande sträng i slutet av URL:en:

?recordID=<?php echo $row_recordsetName['fieldName']; ?>

Frågetecknet talar om för servern att det som följer är en eller flera URL-parametrar.Ordet recordID är namnet på URL-parametern (du kan hitta på vilket namn du vill).Observera namnet på URL-parametern eftersom du kommer att använda den på borttagningssidan senare.

Uttrycket efter likhetstecknet är parameterns värde.I det här fallet genereras värdet av ett PHP-uttryck som returnerar ett post- ID från postuppsättningen.Ett annat ID genereras för varje rad i den dynamiska tabellen.I PHP-uttrycket ersätter du recordsetName med namnet på din postuppsättning och ersätter fieldName med namnet på fältet i din postuppsättning som unikt identifierar varje post.I de flesta fall består fältet av ett post-ID- nummer.I följande exempel består fältet av unika platskoder:

confirmDelete.php?recordID=<?php echo $row_rsLocations['CODE']; ?>

När sidan körs infogas värdena från postuppsättningens CODE-fält i motsvarande rader i den dynamiska tabellen.Om till exempel hyrplatsen Canberra, Australien har koden CBR används följande URL i Canberra-raden i den dynamiska tabellen:

confirmDelete.php?recordID=CBR

(ASP) I fältet Länk i egenskapsinspektören lägger du till följande sträng i slutet av URL:en:

?recordID=<%=(recordsetName.Fields.Item("fieldName").Value)%>

Frågetecknet talar om för servern att det som följer är en eller flera URL-parametrar. Ordet recordID är namnet på URL-parametern (du kan hitta på vilket namn du vill). Notera namnet på URL-parametern eftersom du kommer att använda den på borttagningssidan senare.

Uttrycket efter likhetstecknet är parameterns värde.I det här fallet genereras värdet av ett ASP-uttryck som returnerar ett post-ID från postuppsättningen.Ett annat ID genereras för varje rad i den dynamiska tabellen. I ASP-uttrycket ersätter du recordsetName med namnet på din postuppsättning och ersätter fieldName med namnet på fältet i din postuppsättning som unikt identifierar varje post. I de flesta fall består fältet av ett post-ID-nummer. I följande exempel består fältet av unika platskoder:

confirmDelete.asp?recordID=<%=(rsLocations.Fields.Item("CODE").Value)%>

När sidan körs infogas värdena från postuppsättningens CODE-fält i motsvarande rader i den dynamiska tabellen.Till exempel, om uthyrningsplatsen Canberra, Australien, har koden CBR används följande URL i Canberra-raden i den dynamiska tabellen:

confirmDelete.asp?recordID=CBR

Spara sidan.
På resultatsidan skapar du en kolumn i tabellen som används för att visa poster genom att klicka inuti den sista tabellkolumnen och välja Ändra > Tabell > Infoga rader eller kolumner.
Välj alternativet Kolumner och alternativet Efter aktuell kolumn och klicka på OK.

En kolumn läggs till i tabellen.

I den nyligen skapade tabellkolumnen anger du strängen Delete i raden som innehåller platshållarna för dynamiskt innehåll.Se till att du anger strängen i det flikindelade upprepningsområdet.

Du kan också infoga en Bild med ett ord eller en symbol för borttagning.

Välj strängen Delete för att tillämpa en länk på den.
I panelen Serverbeteenden (Fönster > Serverbeteenden) klickar du på Plus-knappen (+) och väljer Gå till detaljsida från popup-menyn.
I rutan Detaljsida klickar du på Bläddra och letar upp borttagningssidan.
I rutan Skicka URL-parameter anger du namnet på din parameter, till exempel recordID.

Du kan hitta på vilket namn du vill, men kom ihåg namnet eftersom du kommer att använda det på borttagningssidan senare.

Ange det värde du vill skicka till borttagningssidan genom att välja en postuppsättning och en kolumn från popup-menyerna Postuppsättning och Kolumn. Vanligtvis är värdet unikt för posten, till exempel postens unika nyckel-ID.
Välj alternativet URL-parametrar.
Klicka på OK.

En speciell länk omgärdar den markerade texten. När användaren klickar på länken skickar serverbeteendet Gå till detaljsida en URL-parameter som innehåller post-ID:t till den angivna borttagningssidan. Om URL-parametern till exempel heter recordID och borttagningssidan heter confirmdelete.asp ser URL:en ut ungefär så här när användaren klickar på länken:

http://www.mysite.com/confirmdelete.asp?recordID=43

Den första delen av URL:en, http://www.mysite.com/confirmdelete.asp, öppnar borttagningssidan. Den andra delen, ?recordID=43, är URL-parametern. Den instruerar borttagningssidan om vilken post som ska hämtas och visas. Termen recordID är namnet på URL-parametern och 43 är dess värde. I det här exemplet innehåller URL-parametern postens ID-nummer, 43.

Bygga borttagningssidan

När du har slutfört sidan som listar posterna växlar du till borttagningssidan. Borttagningssidan visar posten och frågar användaren om de är säkra på att de vill ta bort den. När användaren bekräftar åtgärden genom att klicka på formulärknappen tar webbapplikationen bort posten från databasen.

Att bygga den här sidan består av att skapa ett HTML-formulär, hämta posten som ska visas i formuläret, visa posten i formuläret och lägga till logiken för att ta bort posten från databasen. Att hämta och visa posten består av att definiera en postuppsättning som ska innehålla en enskild post – posten som användaren vill ta bort – och binda postuppsättningskolumnerna till formuläret.

Obs!

Sidan för borttagning kan bara innehålla ett serverbeteende för postredigering åt gången.Du kan till exempel inte lägga till ett serverbeteende för Infoga post eller Uppdatera post på borttagningssidan.

Skapa ett HTML-formulär för att visa posten

Skapa en sida och spara den som borttagningssidan du angav i föregående avsnitt.

Du angav en borttagningssida när du skapade borttagningslänken i föregående avsnitt. Använd det här namnet när du sparar filen för första gången (till exempel deleteConfirm.cfm).

Infoga ett HTML-formulär på sidan (Infoga > Formulär > Formulär).
Lägg till ett dolt formulärfält i formuläret.

Det dolda formulärfältet krävs för att lagra post-ID:t som skickas av URL-parametern. Om du vill lägga till ett dolt fält placerar du insättningspunkten i formuläret och väljer Infoga > Formulär > Dolt fält.

Lägg till en knapp i formuläret.

Användaren klickar på knappen för att bekräfta och ta bort den visade posten. Om du vill lägga till en knapp placerar du insättningspunkten i formuläret och väljer Infoga > Formulär > Knapp.

Förbättra sidans design på vilket sätt du vill och spara den.

Hämta den post som användaren vill ta bort

I panel Bindningar (Fönster > Bindningar), klicka på Plus-knappen (+) och välj Postuppsättning (Fråga) från popup-menyn.

Den enkla versionen av dialogrutan Postmängd eller Datauppsättning visas. Om dialogrutan Avancerad postuppsättning visas istället, klicka på Enkel.

Namnge postuppsättningen och välj en datakälla och databastabell som innehåller de poster som användare kan ta bort.
I området Kolumner väljer du tabellkolumnerna (postfält) som du vill visa på sidan.

Om du bara vill visa några av postens fält, klicka på Markerade och välj önskade fält genom att Ctrl-klicka (Windows) eller Kommando-klicka (Macintosh) på dem i listan.

Se till att inkludera post-ID-fältet även om du inte ska visa det.

Fyll i avsnittet filter enligt följande för att hitta och visa posten som angetts i URL-parametern som skickas av resultatsidan:
  • I den första snabbmenyn i filterområdet markerar du den kolumn i postmängden som innehåller värden som matchar värdet i den URL-parameter som skickats från sidan med borttagningslänkarna. Om URL-parametern till exempel innehåller ett ID-nummer för en post, markerar du den kolumn som innehåller posternas ID-nummer. I exemplet som diskuterades i det förgående avsnittet, innehåller kolumnen CODE värden som matchar värdet i URL-parametern som skickats från sidan med borttagningslänkarna.

  • Markera lika med-tecknet om det inte redan är markerat, på snabbmenyn bredvid den första menyn.

  • På den tredje snabbmenyn markerar du URL-parameter. Sidan med borttagningslänkarna skickar informationen till borttagningssidan via en URL-parameter.

  • I den fjärde rutan anger du namnet på den URL-parameter som skickats från sidan med borttagningslänkarna.

     

Dialogrutan Postmängd
Dialogrutan Postmängd

Klicka på OK.

Postmängden visas i panelen Bindningar.

Visa den post som användaren vill ta bort

Välj postuppsättningskolumnerna (postfält) i panelen Bindningar och dra dem till borttagningssidan.

Se till att du infogar detta skrivskyddade dynamiska innehåll inom formularets gränser. Mer information om att infoga dynamiskt innehåll i en sida finns i Gör text dynamisk.

Därefter måste du binda post-ID-kolumnen till det dolda formulärfältet.

Se till att Osynliga element är aktiverade (Visa > Visuell hjälp > Osynliga element) och klicka sedan på den gula sköldikonen som representerar det dolda formulärfältet.

Det dolda formulärfältet markeras.

I egenskapsinspektören klickar du på blixtikonen bredvid rutan Värde.
I dialogrutan Dynamiska data väljer du post-ID-kolumnen i postuppsättningen.

I följande exempel innehåller post-ID-kolumnen, CODE, unika butikskoder.

Postens ID-kolumn är markerad
Postens ID-kolumn är markerad

Klicka på OK och spara sidan.
Färdig borttagningssida
Färdig borttagningssida

Lägga till logik för att ta bort posten

Efter att ha visat den valda posten på sidan för borttagning måste du lägga till logik på sidan som tar bort posten från databasen när användaren klickar på knappen Bekräfta borttagning. Du kan lägga till denna logik snabbt och enkelt genom att använda serverbeteendet Ta bort post.

Så här lägger du till ett serverbeteende för att ta bort posten (ColdFusion, PHP)

Se till att ColdFusion- eller PHP-sidan för borttagning är öppen i Dreamweaver.
I panel Serverbeteenden (Fönster > Serverbeteenden) klickar du på Plus-knappen (+) och väljer Ta bort post.
I rutan Kontrollera först om Variabel är definierad ser du till att Värde för primär nyckel är markerat.

Värdet på primärnyckeln anger du senare i dialogrutan.

I popup-menyn Anslutning eller Datakälla (ColdFusion) väljer du en anslutning till databasen så att serverbeteendet kan ansluta till den berörda databasen.
I popup-menyn Tabell väljer du den databastabell som innehåller posterna som ska tas bort.
I popup-menyn Primärnyckelkolumn väljer du tabellkolumnen som innehåller post-ID:n.

Serverbeteendet Ta bort post söker i denna kolumn efter en matchning. Kolumnen ska innehålla samma post-ID-data som kolumnen i postuppsättningen som du band till det dolda formulärfältet på sidan.

Om post-ID:t är numeriskt väljer du alternativet Numerisk.

(PHP) I popup-menyn Primärnyckelvärde väljer du variabeln på din sida som innehåller post-ID:t som identifierar posten som ska tas bort.

Variabeln skapas av ditt dolda formulärfält. Den har samma namn som namnattributet för det dolda fältet och är antingen en formulär- eller URL-parameter, beroende på formulärets metodattribut.

I rutan Efter borttagning, gå till eller rutan Vid framgång, gå till anger du en sida som ska öppnas efter att posten har tagits bort från databastabellen.

Du kan ange en sida som innehåller ett kort framgångsmeddelande till användaren, eller en sida som listar de återstående posterna så att användaren kan verifiera att posten har tagits bort.

Dialogrutan Ta bort post
Dialogrutan Ta bort post

Klicka på OK och spara ditt arbete.

Så här lägger du till ett serverbeteende för att ta bort posten (ASP)

Kontrollera att ASP-borttagningssidan är öppen i Dreamweaver.
I panelen Serverbeteenden (Fönster > Serverbeteenden) klickar du på knappen Plus (+) och väljer Ta bort post.
I popup-menyn Anslutning väljer du en anslutning till databasen så att serverbeteendet kan ansluta till den berörda databasen.

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

I popup-menyn Ta bort från tabell väljer du databastabellen som innehåller posterna som ska tas bort.
I popup-menyn Välj post från anger du postuppsättningen som innehåller posterna som ska tas bort.
I popup-menyn Unik nyckelkolumn väljer du en nyckelkolumn (vanligtvis post-ID-kolumnen) för att identifiera posten i databastabellen.

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

I popup-menyn Ta bort genom att skicka anger du HTML-formuläret med knappen Skicka som sänder borttagningskommandot till servern.
I rutan Efter borttagning, gå till anger du en sida som ska öppnas efter att posten har tagits bort från databastabellen.

Du kan ange en sida som innehåller ett kort framgångsmeddelande till användaren, eller en sida som listar de återstående posterna så att användaren kan verifiera att posten har tagits bort.

Klicka på OK och spara ditt arbete.

Testa dina borttagningssidor

Ladda upp sök-, resultat- och borttagnings sidorna till din webbserver, öppna en webbläsare och sök efter en engångs testpost att ta bort.

När du klickar på en Ta bort-länk på resultatsidan ska borttagningssidan visas.

Klicka på knappen Bekräfta för att ta bort posten från databasen.
Verifiera att posten har tagits bort genom att söka efter posten igen. Posten ska inte längre visas på resultatsidan.