I designvyn placerar du infogningspunkten på den
plats på sidan där du vill att navigeringsraden ska visas.
Senast uppdaterad den
25 apr. 2024
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 databasposter
Att visa databasposter innebär att hämta information som lagras i en databas eller annan innehållskälla och rendera den informationen till en webbsida.Dreamweaver erbjuder många metoder för att visa dynamiskt innehåll och tillhandahåller flera inbyggda serverbeteenden som låter dig både förbättra presentationen av dynamiskt innehåll och gör det enklare för användare att söka igenom och navigera information som returneras från en databas.
Databaser och andra källor för dynamiskt innehåll ger dig mer kraft och flexibilitet när du söker, sorterar och visar stora informationslager.Att använda en databas för att lagra innehåll för webbsidor är vettigt när du behöver lagra stora mängder information och sedan hämta och visa den informationen på ett meningsfullt sätt.Dreamweaver ger dig flera verktyg och färdiga beteenden för att hjälpa dig att effektivt hämta och visa information som lagras i en databas.
Serverbeteenden och formateringselement
Dreamweaver tillhandahåller följande serverbeteenden och formateringselement så att du kan förbättra visningen av dynamiska data:
Format
låter dig tillämpa olika typer av numeriska, monetära, datum/tid- och procentvärden på dynamisk text.
Till exempel, om priset på en artikel i en postuppsättning visar 10.989, kan du visa priset på sidan som $10.99 genom att välja Dreamweaver "Currency - 2 Decimal Places"-formatet.Formatet visar en siffra med två decimaler. Om numret har fler än två decimaler, avrundar dataformatet numret till närmaste värde med två decimaler.Om numret inte har några decimaler, lägger dataformatet till en decimalpunkt och två nollor.
Upprepande region
Serverbeteenden låter dig visa flera objekt som returneras från en databasfråga och låter dig specificera antalet poster som ska visas per sida.
Navigering för postmängd
server-beteenden låter dig infoga navigeringselement som tillåter användare att flytta till nästa eller föregående uppsättning poster som returneras av postuppsättningen.Till exempel, om du väljer att visa 10 poster per sida med hjälp av Repeating Region server-objektet, och postuppsättningen returnerar 40 poster, kan du navigera genom 10 poster åt gången.
Statusfält för postmängd
server-beteenden låter dig inkludera en räknare som visar användare var de befinner sig inom en uppsättning poster relativt det totala antalet returnerade poster.
Visa region
server-beteenden låter dig välja att visa eller dölja objekt på sidan baserat på relevansen av de för närvarande visade posterna.Till exempel, om en användare har navigerat till den sista posten i en postuppsättning, kan du dölja Nästa-länken och endast visa Föregående postlänken.
Tillämpa typografiska element och sidlayoutelement på dynamisk data
En kraftfull funktion i Dreamweaver är möjligheten att presentera dynamisk data inom en strukturerad sida och att tillämpa typografisk formatering med HTML och CSS.För att tillämpa format på dynamisk data i Dreamweaver, formatera tabellerna och platshållarna för den dynamiska datan med hjälp av Dreamweavers formateringsverktyg.När datan infogas från sin datakälla, antar den automatiskt font-, stycke- och tabellformatering som du specificerat.
Navigera databaspostuppsättningsresultat
Postuppsättningsnavigeringslänkar låter användare flytta från en post till nästa, eller från en uppsättning poster till nästa.Till exempel, efter att ha designat en sida för att visa fem poster åt gången, kanske du vill lägga till länkar som Nästa eller Föregående som låter användare visa de fem nästa eller föregående posterna.
Du kan skapa fyra typer av navigeringslänkar för att flytta genom en postuppsättning: Första, Föregående, Nästa och Sista.En enda sida kan innehålla valfritt antal av dessa länkar, förutsatt att de alla fungerar på en enda postuppsättning. Du kan inte lägga till länkar för att navigera genom en andra postuppsättning på samma sida.
Navigeringslänkar för postmängder kräver följande dynamiska element:
En postmängd att navigera i
Dynamiskt innehåll på sida för att visa posten eller posterna
Text eller bilder på sidan som fungerar som en klickbar navigeringsrad
En Move To Record-uppsättning med serverbeteenden för att navigera i postuppsättningen
Du kan lägga till de två sista elementen genom att använda serverobjektet Record Navigation Bar, eller så kan du lägga till dem separat genom att använda designverktygen och panelen Server Behaviors.
Skapa ett navigeringsfält för postmängd
Du kan skapa en navigeringsrad för postuppsättningen i en enda åtgärd med hjälp av Recordset Navigation Bar-serverbeteendet. Serverobjektet lägger till följande byggstenar på sidan:
En HTML-tabell med antingen text- eller bildlänkar
En uppsättning med Flytta till-serverfunktioner
En uppsättning med Visa region-serverfunktioner
Textversionen av navigeringsfältet för postmängd ser ut så här:
Innan du placerar navigeringsfältet på sidan måste du se till att sidan innehåller en postmängd att navigera i och en sidlayout där posterna kan visas.
När du har placerat navigeringsfältet på sidan kan du använda designverktygen för att anpassa fältet. Du kan också ändra serverfunktionerna Flytta till och Visa region genom att dubbelklicka på dem i panelen Serverfunktioner.
Dreamweaver skapar en tabell som innehåller text- eller bildlänkar som låter användaren navigera i den markerade postmängden när de klickas. När den första posten i postmängden visas döljs länkarna eller bilderna Första och Föregående. När den sista posten i postmängden visas döljs länkarna eller bilderna Nästa och Sista.
Du kan anpassa navigeringsfältets layout genom att använda designverktyg och panelen Serverfunktioner.
Visa dialogrutan Recordset Navigation Bar (Insert >
Data Objects > Recordset Paging > Recordset
Navigation Bar).
Välj den postuppsättning du vill navigera från Recordset-popupmenyn.
Från avsnittet Display Using väljer du det format som ska
visa navigeringslänkarna på sidan och klickar på OK.
Text
Placerar textlänkar på sidan.
Bilder
Inkluderar bilder som länkar. Dreamweaver använder sina egna bildfiler. Du kan ersätta dessa bilder med dina egna bildfiler efter att du har placerat raden på sidan.
Anpassade navigeringsfält för postmängd
Du kan skapa din egna navigeringsrad för postuppsättningen som använder mer komplexa layout- och formateringsstilar än den enkla tabellen som skapas av Recordset Navigation Bar-serverobjektet.
Om du vill skapa ett eget navigeringsfält för postmängd måste du:
Skapa navigeringslänkar i text eller bilder
Placera länkarna på sidan i designvyn
Tilldela individuella serverfunktioner till varje navigeringslänk
Det här avsnittet beskriver hur du tilldelar enskilda serverbeteenden till navigeringslänkarna.
Skapa och tilldela serverbeteenden till en navigeringslänk
I designvyn väljer du textsträngen
eller bilden på sidan som du vill använda som en postnavigationslänk.
Öppna Server Behaviors-panelen (Window > Server Behaviors) och klicka på plusknappen (+).
Välj Recordset Paging från popup-menyn och välj sedan
ett serverbeteende som är lämpligt för den länken från de listade serverbeteendena.
Om postuppsättningen innehåller ett stort antal poster kan Move To Last Record-serverbeteendet ta lång tid att köra när användaren klickar på länken.
I popup-menyn Recordset väljer du den postuppsättning som
innehåller posterna och klickar på OK.
Serverfunktionen tilldelas till navigeringslänken.
Ange alternativen i dialogrutan Move To (serverbeteende)
Lägg till länkar som låter användaren navigera genom poster i en postuppsättning.
Om du inte valde något på sidan väljer du
en länk från popup-menyn.
Välj den postuppsättning som innehåller posterna att bläddra
igenom och klicka på OK.
Obs!
Om postuppsättningen innehåller ett stort antal poster kan serverbeteendet Flytta till sista post ta lång tid att köra när användaren klickar på länken.
Designuppgifter för navigeringsfält
När du skapar en anpassad navigeringsmeny börjar du med att skapa dess visuella representation med hjälp av Dreamweavers siddesignverktyg.Du behöver inte skapa en länk för textsträngen eller bilden, Dreamweaver skapar en åt dig.
Sidan du skapar navigeringsfältet för måste innehålla en postuppsättning att navigera i.Ett enkelt navigationsfält för postuppsättning kan se ut så här, med länkknappar skapade av bilder eller andra innehållselement:
När du har lagt till en postuppsättning på en sida och har skapat ett navigationsfält måste du tillämpa individuella serverbeteenden på varje navigationselement.Till exempel innehåller ett typiskt navigationsfält för postuppsättning representationer av följande länkar kopplade till lämpligt beteende:
|
Navigeringslänk |
Serverfunktion |
|
Gå till första sidan |
Flytta till första sidan |
|
Gå till föregående sida |
Flytta till föregående sida |
|
Gå till nästa sida |
Flytta till nästa sida |
|
Gå till sista sidan |
Flytta till sista sidan |
Visa och dölja regioner baserat på postuppsättningsresultat
Du kan också ange att en region ska visas eller döljas baserat på om postuppsättningen är tom.Om en postuppsättning är tom (till exempel hittades inga poster som matchade frågan) kan du visa ett meddelande som informerar användaren om att inga poster returnerades.Detta är särskilt användbart när du skapar söksidor som bygger på söktermer som användaren matar in för att köra frågor mot.På samma sätt kan du visa ett felmeddelande om det är problem med att ansluta till en databas, eller om en användares användarnamn och lösenord inte matchar dem som känns igen av servern.
Serverbeteendena för Visa region är:
Visa om postmängden är tom
Visa om postmängden inte är tom
Visa om sidan är den första
Visa om sidan inte är den första
Visa om sidan är den sista
Visa om sidan inte är den sista
I designvyn väljer du regionen på sidan som ska visas eller döljas.
I panelen Serverbeteenden (Fönster > Serverbeteenden) klickar du på plusknappen (+).
Välj Visa region från popup-menyn, välj ett av de listade serverbeteendena och klicka på OK.
Visa flera postmängdsresultat
Serverbeteendet Repeating Region låter dig visa flera poster från en postuppsättning på en sida.Alla val av dynamiskt innehåll kan förvandlas till en upprepande region.Men de vanligaste regionerna är en tabell, en tabellrad eller en serie tabellrader.
I designvyn väljer du en region som innehåller dynamiskt innehåll.
Valet kan vara vad som helst, inklusive en tabell, en tabellrad eller till och med ett textstycke.
För att välja en region på sidan exakt kan du använda taggväljaren i det vänstra hörnet av dokumentfönstret.Till exempel, om regionen är en tabellrad, klickar du inuti raden på sidan och klickar sedan på den högra <tr> -taggen i taggväljaren för att välja tabellraden.
Välj Fönster > Serverbeteenden för att visa panelen Serverbeteenden.
Klicka på plusknappen (+) och välj Upprepande region.
Välj namnet på den postmängd som ska användas från popup-menyn.
Välj antalet poster som ska visas per sida och klicka på OK.
I dokumentfönstret visas en tunn, flikad, grå kontur runt den upprepade regionen.
Ändra upprepande regioner i egenskapskontrollen
Ändra den valda upprepande regionen genom att ändra något av följande alternativ:
Namnet på den upprepande regionen.
Den postuppsättning som tillhandahåller posterna för den upprepande regionen.
Antalet poster som visas
När du väljer ett nytt alternativ uppdaterar Dreamweaver sidan.
Återanvända PHP-postmängder
För en handledning om att återanvända PHP recordsets, se David Powers handledning, How Do I Reuse a PHP Recordset in More Than One Repeat Region?
Skapa en dynamisk tabell
Följande exempel illustrerar hur serverbeteendet Upprepande region tillämpas på en tabellrad och specificerar att nio poster visas per sida.Själva raden visar fyra olika poster: stad, delstat, gatuadress och postnummer.
För att skapa en tabell som den i föregående exempel måste du skapa en tabell som innehåller dynamiskt innehåll och tillämpa serverbeteendet Upprepande region på tabellraden som innehåller det dynamiska innehållet.När sidan bearbetas av programservern upprepas raden det antal gånger som specificerats i serverobjektet Upprepande region, med en annan post inlagd i varje ny rad.
Gör något av följande om du vill infoga en dynamisk tabell:
Välja Insert > Data Objects > Dynamic Data > Dynamic Table för att visa dialogrutan Dynamisk tabell.
Från kategorin Data i panelen Insert klickar du på knappen Dynamic Data och välja ikonen Dynamic Table från popup-menyn.
Välj postmängden på snabbmenyn Postmängd.
Välj antalet poster som ska visas per sida.
(Valfritt) Ange värden för tabellens kantlinje, cellutfyllnad och cellmellanrum.
Dialogrutan Dynamisk tabell behåller de Värden du anger för tabellkantlinjer, cellutfyllnad och cellmellanrum.
Obs!
Om du arbetar på ett projekt som kräver flera dynamiska tabeller med samma utseende anger du tabellayoutvärden, vilket ytterligare förenklar sidutvecklingen.Du kan justera dessa Värden efter att ha lagt till tabellen genom att använda tabellegenskapskontrollerna.
Klicka på OK.
En tabell och platshållare för det dynamiska innehållet som definierats i dess associerade recordset infogas på sidan.
I detta exempel innehåller recordsetet fyra kolumner: AUTHORID, FIRSTNAME, LASTNAME och BIO.Tabellens rubrikrad fylls med namnen på varje kolumn.Du kan redigera rubrikerna med valfri beskrivande text eller ersätta dem med representativa bilder.
Skapa posträknare
Posträknare ger användare en referenspunkt när de navigerar genom en uppsättning poster.Vanligtvis visar posträknare det totala antalet returnerade poster och de aktuella posterna som visas.Till exempel, om en postuppsättning returnerar 40 enskild användare poster och 8 poster visas per sida, skulle postuppsättningsräknaren på första sidan visa "Visar poster 1‑8 av 40."
Innan du skapar en postuppsättningsräknare för en sida måste du skapa en postuppsättning för sidan, en lämplig sidlayout som innehåller det dynamiska innehållet och sedan en navigationsfält för postuppsättningen.
Skapa enkla posträknare
Posträknare visar användare var de befinner sig inom en given uppsättning poster i förhållande till det totala antalet poster som returneras.Av denna anledning är posträknare ett användbart beteende som kan förbättra användbarheten hos en webbsida avsevärt.
Skapa en enkel postuppsättningsräknare genom att använda serverobjektet Recordset Navigation Status.Detta serverobjekt skapar en textpost på sidan för att visa aktuell postuppsättningsstatus.Du kan anpassa posträknaren genom att använda Dreamweavers siddesignverktyg.
Placera infogningspunkten där du vill infoga
postrupaäkningsräknaren.
Välj Insert > Data Objects >
Display Record Count > Recordset Navigation Status,
välj postuppsättningen från popup-menyn Recordset och klicka på OK.
Serverobjektet Recordset Navigation Status infogar en textpoststuappaningsräknare som ser ut ungefär som följande exempel:
När den visas i Live-vy ser räknaren ut ungefär som följande exempel:
Bygg och lägg till posträknaren till sidan
I dialogrutan Insert Recordset Navigation Status väljer du den postuppsättning som ska spåras och klickar på OK.
Skapa anpassade posträknare
Du använder enskild användare postuppsättningsräkningsbeteenden för att skapa anpassade postuppsättningsräknare.Att skapa en anpassad posträknare gör det möjligt att skapa en posträknare utöver den enkla enradstabell som infogas av serverobjektet Recordset Navigation Status.Du kan ordna designelement på flera kreativa sätt och tillämpa ett lämpligt serverbeteende på varje element.
Serverbeteendena för postantal är:
Visa startpostens nummer
Visa slutpostens nummer
Visa totalt antal poster
Innan du skapar en anpassad postuppsättningsräknare för en sida måste du först skapa en postuppsättning för sidan, en lämplig sidlayout som innehåller dynamiskt innehåll och ett navigationsfält för postuppsättningen.
Detta exempel skapar en postuppsättningsräknare som ser ut ungefär som exemplet i "Enkla posteauppaungaräknare." I detta exempel representerar texten i sans-serif-font platshållarna för postuppsättningsräkning som kommer att infogas på sidan.Postuppsättnings- räknaren i detta exempel visas enligt följande:
Visar poster StartRow till EndRow av RecordSet.RecordCount.
I Designvy anger du räknarens text på sidan.Du kan skriva vad du vill, till exempel:
Visar poster till av.
Placera insättningspunkten i slutet av strängen.
Öppna panelen Server Behaviors (Window >
Server Behaviors).
Klicka på plustecknet (+) i det övre vänstra hörnet och klicka på Visa postantal.I den här undermenyn väljer du Visa totalt antal poster.Beteendet Visa totalt antal poster infogas på sidan och en platshållare infogas där insättningspunkten var.Textsträngen ser nu ut så här:
Visar poster till av {Recordset1.RecordCount}.
Placera infogningspunkten efter ordet poster,
och välj Visa startnummer för postantal från Server
Behaviors > Plus (+)-knappen > Postantal
panel. Textsträngen ser nu ut så här:
Visar poster {StartRow_Recordset1} till av {Recordset1.RecordCount}.
Placera nu infogningspunkten mellan orden till och av,
och välj Visa startnummer för postantal från Server
Behaviors > Plus (+)-knappen > Postantal
panel. Textsträngen ser nu ut så här:
Visar poster {StartRow_Recordset1} till {EndRow_Recordset1} av {Recordset1.RecordCount}.
Bekräfta att räknaren fungerar korrekt genom att visa
sidan i Live-vy; räknaren liknar följande exempel:
Visar poster 1 till 8 av 40.
Om resultatsidan har en navigeringslänk för att flytta till nästa uppsättning poster uppdateras postförteckningen när du klickar på länken så att den visar följande:
Visar poster 9 till 16 av 40.
Använda fördefinierade dataformat
Dreamweaver innehåller flera fördefinierade dataformat som du kan använda på dynamiska data element. Dataformaten inkluderar datum och tid, valuta, numeriska och procentformat.
Tillämpa dataformat på dynamiskt innehåll
Välj platshållaren för dynamiskt innehåll
i dokumentfönstret.
Välj Fönster > Bindningar för att visa panelen Bindningar.
Klicka på nedpilen i kolumnen Format.
Expandera panelen om du inte ser nedpilen.
Från popup-menyn Format väljer du den kategori för dataformat du vill ha.
Se till att dataformatet är lämpligt för den typ av data du formaterar. Till exempel fungerar valutaformaten bara om de dynamiska data består av numeriska data. Observera att du inte kan använda mer än ett format på samma data.
Kontrollera att formatet tillämpades korrekt genom att förhandsgranska
sidan i Live-vy.
Anpassa ett dataformat
Öppna en sida som innehåller dynamiska data i designvy.
Välj de dynamiska data du vill skapa ett anpassat format för.
Det bundna dataobjekt vars dynamiska text du valde markeras i panelen Bindningar (Fönster > Bindningar). Panelen visar två kolumner för det markerade objektet: Bindning och Format. Om kolumnen Format inte visas gör du panelen Bindningar bredare så att den visas.
I Bindningar-panelen klickar du på nedåtpilen i Format-kolumnen för att expandera popup-menyn med tillgängliga dataformat.
Expandera panelen Bindningar om du inte ser den nedåtriktade pilen.
Välj Redigera formatlista på snabbmenyn.
Fyll i dialogrutan och klicka på OK.
a.Välj formatet från listan och klicka på Redigera.
b.Ändra någon av följande parametrar i dialogrutorna Valuta, Nummer eller Procent och klicka på OK.
- Antalet siffror som ska visas efter decimalkommat.
- Om en inledande nolla ska infogas före positiva tal som är mindre än ett.
- Om negativa värden markeras med parenteser eller ett minustecken.
- Om siffrorna ska grupperas.
c.Om du vill ta bort ett dataformat klickar du på formatet i listan och klickar på minusknappen (-).
Skapa ett dataformat (bara ASP)
Öppna en sida som innehåller dynamiska data
i designvyn.
Välj de dynamiska data som du vill skapa ett anpassat format för.
Välj Fönster > Bindningar för att visa panelen Bindningar och klicka på nedåtpilen i kolumnen Format. Om nedåtpilen
inte syns expanderar du panelen.
Välj Redigera formatlista på snabbmenyn.
Klicka på plusknappen (+) och välj en formattyp.
Definiera formatet och klicka på OK.
Ange ett namn för det nya formatet i kolumnen Namn och
klicka på OK.
Obs!
Även om Dreamweaver endast stöder skapandet av dataformat för ASP-sidor kan ColdFusion- och PHP-användare hämta format som andra utvecklare har skapat, eller skapa serverformat och lägga upp dem på Dreamweaver Exchange.Mer information om Server Format API finns i Extending Dreamweaver (Hjälp > Extending Dreamweaver > Server Formats).
Liknande innehåll
Skapa snygga webbplatser i Dreamweaver
Designa, koda och hantera dynamiska webbplatser med ett kraftfullt allt-i-ett-verktyg.
