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.
Databaserecords
Het weergeven van databaserecords houdt in dat informatie wordt opgehaald die is opgeslagen in een database of een andere bron van content en dat deze informatie wordt weergegeven op een webpagina.Dreamweaver biedt veel methoden voor het weergeven van dynamische content en levert verschillende ingebouwde serverbehaviors die je helpen de presentatie van dynamische content te verbeteren en gebruikers in staat stellen om gemakkelijker te zoeken en te navigeren door informatie die wordt geretourneerd vanuit een database.
Databases en andere bronnen van dynamische content bieden je meer kracht en flexibiliteit bij het zoeken, sorteren en bekijken van grote hoeveelheden informatie. Het gebruik van een database voor het opslaan van content voor websites is zinvol wanneer je grote hoeveelheden informatie moet opslaan en deze informatie vervolgens moet ophalen en weergeven op een betekenisvolle manier. Dreamweaver biedt je verschillende tools en voorgebouwde behaviors om je te helpen informatie die is opgeslagen in een database effectief op te halen en weer te geven.
Serverbehaviors en opmaakelemente
Dreamweaver biedt de volgende serverbehaviors en opmaakelemente om je in staat te stellen de weergave van dynamische data te verbeteren:
Formaten
hiermee kun je verschillende soorten numerieke, monetaire, datum/tijd- en percentagewaarden toepassen op dynamische tekst.
Als bijvoorbeeld de prijs van een item in een recordset 10.989 weergeeft, kun je de prijs op de pagina weergeven als $10,99 door de Dreamweaver-opmaak 'Valuta - 2 decimalen' te selecteren. Met deze notatie geeft u een getal weer met twee decimale posities. Als het getal meer dan twee decimalen heeft, rondt de data-opmaak het getal af naar het dichtstbijzijnde decimaal. Als het getal geen decimalen heeft, voegt de data-opmaak een decimaalteken en twee nullen toe.
Herhalingsgebied
serverbehaviors stellen je in staat om meerdere items weer te geven die worden geretourneerd vanuit een databasequery, en je kunt het aantal records specificeren dat per pagina wordt weergegeven.
Recordsetnavigatie
serverbehaviors stellen je in staat om navigatie-elementen in te voegen waarmee gebruikers kunnen navigeren naar de volgende of vorige set records die door de recordset worden geretourneerd. Als je er bijvoorbeeld voor kiest om 10 records per pagina weer te geven met behulp van het Herhalende Regio serverobject en de recordset retourneert 40 records, kun je door 10 records tegelijk navigeren.
Recordsetstatusbalk
serverbehaviors stellen je in staat om een teller op te nemen die gebruikers laat zien waar ze zich bevinden binnen een set records ten opzichte van het totale aantal geretourneerde records.
Gebied weergeven
serverbehaviors stellen je in staat om te kiezen om items op de pagina te tonen of te verbergen op basis van de relevantie van de momenteel weergegeven records. Als een gebruiker bijvoorbeeld naar het laatste record in een recordset is genavigeerd, kun je de Volgende-koppeling verbergen en alleen de Vorige records-koppeling weergeven.
Typografische en pagina-indelingselementen toepassen op dynamische gegevens
Een krachtige functie van Dreamweaver is de mogelijkheid om dynamische data te presenteren binnen een gestructureerde pagina en typografische opmaak toe te passen met behulp van HTML en CSS. Om opmaak toe te passen op dynamische data in Dreamweaver, maak je de tabellen en placeholders voor de dynamische data op met behulp van de Dreamweaver-opmaaktools. Wanneer de gegevens worden ingevoegd vanuit de databron, nemen deze automatisch het lettertype, de alinea- en tabelopmaak over die je hebt opgegeven.
Navigeren door databaserecordset-resultaten
Recordset-navigatiekoppelingen stellen gebruikers in staat om van het ene record naar het volgende te gaan, of van de ene set records naar de volgende. Na het ontwerpen van een pagina om bijvoorbeeld vijf records tegelijk weer te geven, wil je misschien koppelingen toevoegen zoals Volgende of Vorige waarmee gebruikers de vijf volgende of vorige records kunnen weergeven.
Je kunt vier soorten navigatiekoppelingen maken om door een recordset te bewegen: Eerste, Vorige, Volgende en Laatste. Een enkele pagina kan een willekeurig aantal van deze koppelingen bevatten, mits ze allemaal werken op een enkele recordset. Je kunt geen koppelingen toevoegen om door een tweede recordset op dezelfde pagina te navigeren.
Voor recordsetnavigatiekoppelingen zijn de volgende dynamische elementen vereist:
Een recordset om door te navigeren;
Dynamische inhoud op de pagina om de record of records weer te geven;
Tekst of afbeeldingen op de pagina die dienen als aanklikbare navigatiebalk
Een Move To Record set van serverbehaviors om door de recordset te navigeren
Je kunt de laatste twee elementen toevoegen door het Record Navigation Bar serverobject te gebruiken, of je kunt ze afzonderlijk toevoegen door de ontwerptools en het Server Behaviors-paneel te gebruiken.
Een navigatiebalk voor een recordset maken
Je kunt een recordset-navigatiebalk maken in een enkele bewerking met behulp van de Recordset Navigation Bar server behavior. Het serverobject voegt de volgende bouwstenen toe aan de pagina:
Een HTML-tabel met tekst- of afbeeldingskoppelingen;
Een reeks vormen van servergedrag Verplaatsen naar;
Een reeks vormen van servergedrag Gebied weergeven.
De tekstversie van de navigatiebalk voor de recordset ziet er als volgt uit:
Voordat u de navigatiebalk op de pagina plaatst, moet u controleren of de pagina een recordset bevat waar u doorheen kunt navigeren en een pagina-indeling heeft waarin de records kunnen worden weergegeven.
Wanneer u de navigatiebalk op de pagina hebt geplaatst, kunt u de ontwerpgereedschappen gebruiken om de balk aan uw eigen smaak aan te passen. U kunt ook het servergedrag Verplaatsen naar en Gebied weergeven bewerken door er in het paneel Servergedrag op te dubbelklikken.
In Dreamweaver wordt een tabel gemaakt die tekst- of afbeeldingskoppelingen bevatten waarmee de gebruiker door de geselecteerde recordset kan navigeren wanneer erop wordt geklikt. Wanneer de eerste record in de recordset wordt weergegeven, zijn de koppelingen of afbeeldingen Eerste en Vorige verborgen. Wanneer de laatste record in de recordset wordt weergegeven, zijn de koppelingen of afbeeldingen Volgende en Laatste verborgen.
U kunt de indeling van de navigatiebalk aanpassen met de ontwerpgereedschappen en het paneel Servergedrag.
Tekst
Hiermee plaatst u tekstkoppelingen op de pagina.
Afbeeldingen
Hiermee neemt u grafische afbeeldingen als koppelingen op. Dreamweaver gebruikt zijn eigen afbeeldingsbestanden. Je kunt deze afbeeldingen vervangen door je eigen afbeeldingsbestanden nadat je de balk op de pagina hebt geplaatst.
Aangepaste navigatiebalken voor recordsets
Je kunt je eigen recordset-navigatiebalk maken die complexere lay-out en opmaak stijlen gebruikt dan de eenvoudige tabel die wordt gemaakt door het Recordset Navigation Bar serverobject.
U moet de volgende handelingen verrichten als u uw eigen navigatiebalk voor een recordset wilt maken:
Navigatiekoppelingen maken in tekst of afbeeldingen;
De koppelingen in de ontwerpweergave op de pagina plaatsen;
Afzonderlijk servergedrag aan elke navigatiekoppeling toewijzen;
Deze sectie beschrijft hoe je individuele serverbehaviors toevoegt aan de navigatiekoppelingen.
Serverbehaviors maken en toewijzen aan een navigatiekoppeling
Als de recordset een groot aantal records bevat, kan de Move To Last Record serverbehavior lang duren om uit te voeren wanneer de gebruiker op de koppeling klikt.
Het servergedrag wordt aan de navigatiekoppeling toegekend.
Stel de opties voor het dialoogvenster Move To (server behavior) in
Voeg koppelingen toe waarmee de gebruiker door records in een recordset kan navigeren.
Als de recordset een groot aantal records bevat, kan het servergedrag Naar laatste record gaan veel tijd kosten om uit te voeren wanneer de gebruiker op de koppeling klikt.
Taken voor het ontwerpen van de navigatiebalk
Begin met het maken van een aangepaste navigatiebalk door de visuele weergave te maken met de pagina-ontwerptools van Dreamweaver.Je hoeft geen koppeling te maken voor de tekenreeks of afbeelding, Dreamweaver maakt er een voor je.
De pagina waarvoor je de navigatiebalk maakt, moet een recordset bevatten om door te navigeren. Een eenvoudige recordset-navigatiebalk kan er zo uitzien, met koppelingsknoppen gemaakt van afbeeldingen of andere content-elementen:
Nadat je een recordset aan een pagina hebt toegevoegd en een navigatiebalk hebt gemaakt, moet je afzonderlijke servergedragingen toepassen op elk navigatie-element. Een typische recordset-navigatie- balk bevat bijvoorbeeld weergaven van de volgende koppelingen die overeenkomen met het juiste gedrag:
|
Navigatiekoppeling |
Servergedrag |
|
Ga naar eerste pagina |
Verplaatsen naar eerste pagina |
|
Ga naar vorige pagina |
Verplaatsen naar vorige pagina |
|
Ga naar volgende pagina |
Verplaatsen naar volgende pagina |
|
Ga naar laatste pagina |
Verplaatsen naar laatste pagina |
Regio's tonen en verbergen op basis van recordset-resultaten
Je kunt ook opgeven dat een regio wordt getoond of verborgen op basis van of de recordset leeg is. Als een recordset leeg is (bijvoorbeeld als er geen records zijn gevonden die overeenkomen met de query), kun je een bericht tonen dat de gebruiker informeert dat er geen records zijn geretourneerd. Dit is vooral handig bij het maken van zoekpagina's die zoektermen van gebruikers gebruiken om query's uit te voeren.Op dezelfde manier kun je een foutbericht tonen als er een probleem is met verbinding maken met een database, of als een gebruikersgebruikersnaam en wachtwoord niet overeenkomen met die welke door de server worden herkend.
De Regio tonen-servergedragingen zijn:
Weergeven indien lege recordset
Weergeven indien niet lege recordset
Weergeven indien eerste pagina
Weergeven indien niet eerste pagina
Weergeven indien laatste pagina
Weergeven indien niet laatste pagina
Meerdere recordsetresultaten weergeven
Het servergedrag Herhalende regio maakt het mogelijk om meerdere records van een recordset binnen een pagina te tonen. Elke dynamische gegevensselectie kan worden omgezet in een herhalende regio. De meest voorkomende regio's zijn echter een tabel, een tabelrij of een reeks tabelrijen.
De selectie kan van alles zijn, inclusief een tabel, een tabelrij of zelfs een alinea tekst.
Om een regio op de pagina precies te selecteren, kun je de tagselector in de linkerhoek van het documentvenster gebruiken. Als de regio bijvoorbeeld een tabelrij is, klik je in de rij op de pagina en klik je vervolgens op de meest rechtse <tr> tag in de tagselector om de tabelrij te selecteren.
In het Document-venster verschijnt een dunne, getabblade, grijze omtrek rondom het herhalende gebied.
Herhalende gebieden wijzigen in de Eigenschap-inspector
De naam van het herhalingsgebied.
De recordset die de records levert voor het herhalende gebied.
Het aantal records dat wordt weergegeven.
Wanneer je een nieuwe optie selecteert, werkt Dreamweaver de pagina bij.
PHP-recordsets opnieuw gebruiken
Voor een tutorial over het hergebruiken van PHP-recordsets, zie David Powers' tutorial, How Do I Reuse a PHP Recordset in More Than One Repeat Region?
Een dynamische tabel maken
Het volgende voorbeeld illustreert hoe het servergedrag Herhalende regio wordt toegepast op een tabelrij en specificeert dat negen records per pagina worden weergegeven.De rij zelf toont vier verschillende records: stad, staat, straatnaam en postcode.
Om een tabel zoals die in het vorige voorbeeld te maken, moet je een tabel maken die dynamische content bevat en het servergedrag Herhalende regio toepassen op de tabelrij die de dynamische content bevat.Wanneer de pagina wordt verwerkt door de applicatieserver, wordt de rij herhaald het aantal keren dat is gespecificeerd in het serverobject Herhalende regio, waarbij een ander record wordt ingevoegd in elke nieuwe rij.
Selecteer Invoegen > Data-objecten > Dynamische gegevens > Dynamische tabel om het Dynamische Tabel-dialoogvenster weer te geven.
Klik in de categorie Gegevens van het paneel Invoegen op de knop Dynamische gegevens en selecteer het pictogram Dynamische tabel in het pop-up menu.
Het dialoogvenster Dynamische tabel behoudt de waarden die je invoert voor tabelranders, celopvulling en afstand tussen cellen.
Als je werkt aan een project dat meerdere dynamische tabellen met hetzelfde uiterlijk vereist, voer je de tabelindelingswaarden in, wat de paginaontwikkeling verder vereenvoudigt.Je kunt deze waarden aanpassen na het invoegen van de tabel door de eigenschappeninspector van de tabel te gebruiken.
Een tabel en tijdelijke aanduidingen voor de dynamische content gedefinieerd in de bijbehorende recordset worden in de pagina ingevoegd.
In dit voorbeeld bevat de recordset vier kolommen: AUTHORID, FIRSTNAME, LASTNAME en BIO.De koprij van de tabel wordt gevuld met de namen van elke kolom. Je kunt de koppen bewerken met beschrijvende tekst, of ze vervangen door representatieve afbeeldingen.
Recordtellers maken
Recordtellers geven gebruikers een referentiepunt wanneer ze navigeren door een set records. Doorgaans tonen recordtellers het totale aantal geretourneerde records en de huidige records die worden bekeken. Als een recordset bijvoorbeeld 40 individuele records retourneert en er 8 records per pagina worden weergegeven, zou de recordteller op de eerste pagina aangeven "Records 1-8 van 40 weergegeven."
Voordat je een recordteller voor een pagina maakt, moet je een recordset voor de pagina maken, een geschikte pagina-indeling om de dynamische content te bevatten en vervolgens een recordset-navigatiebalk.
Eenvoudige recordtellers maken
Recordtellers laten gebruikers weten waar ze zich bevinden binnen een bepaalde set records ten opzichte van het totale aantal geretourneerde records.Om deze reden zijn recordtellers een nuttige functie die aanzienlijk kan bijdragen aan de bruikbaarheid van een webpagina.
Maak een eenvoudige recordteller door het serverobject Recordset Navigation Status te gebruiken.Dit serverobject maakt een tekstinvoer op de pagina om de huidige recordstatus weer te geven.Je kunt de recordteller aanpassen door Dreamweaver-hulpmiddelen voor paginaontwerp te gebruiken.
Het serverobject Recordset Navigation Status voegt een tekstrecordteller in die eruitziet zoals het volgende voorbeeld:
Wanneer bekeken in Live-weergave, verschijnt de teller vergelijkbaar met het volgende voorbeeld:
Bouw en voeg de recordteller toe aan de pagina
Aangepaste recordtellers maken
Je gebruikt individuele recordtellinggedragingen om aangepaste recordtellers te maken. Een aangepaste recordteller maken stelt je in staat om een recordteller te maken die verder gaat dan de eenvoudige tabel met één rij die wordt ingevoegd door het Recordset navigatiestatus server-object. Je kunt ontwerpelementen op verschillende creatieve manieren indelen en een geschikt servergedrag toepassen op elk element.
De Recordtelling servergedragingen zijn:
Nummer aanvangsrecord weergeven
Nummer eindrecord weergeven
Totaal aantal records weergeven
Voordat je een aangepaste recordteller voor een pagina maakt, moet je eerst een recordset voor de pagina maken, een geschikte pagina-indeling om de dynamische content te bevatten, en een recordset navigatiebalk.
Dit voorbeeld maakt een recordteller die lijkt op het voorbeeld in "Eenvoudige recordtellers." In dit voorbeeld vertegenwoordigt de tekst in schreefloze lettertype de recordtelling tijdelijke aanduidingen die in de pagina worden ingevoegd. De recordteller in dit voorbeeld ziet er als volgt uit:
Records StartRow tot EndRow van RecordSet.RecordCount weergeven.
Records weergeven tot van .
Records {Recordset1.RecordCount} tot {Recordset1.RecordCount} weergegeven.
Records {StartRow_Recordset1} tot {Recordset1.RecordCount} weergegeven.
Records {StartRow_Recordset1} tot {EndRow_Recordset1} van {Recordset1.RecordCount} weergegeven.
Records 1 tot 8 van 40 weergegeven.
Als de resultatenpagina een navigatiekoppeling bevat om naar de volgende set records te gaan, wordt door op de koppeling te klikken de recordteller bijgewerkt als volgt:
Records 9 tot 16 van 40 weergegeven.
Vooraf gedefinieerde gegevensindelingen gebruiken
Dreamweaver bevat verschillende vooraf gedefinieerde gegevensindelingen die je kunt toepassen op dynamische gegevenselementen.De gegevensindelingsstijlen omvatten datum- en tijdindelingen, valuta-, numerieke en percentageindelingen.
Gegevensformaten toepassen op dynamische inhoud
Als de vervolgkeuzepijl niet zichtbaar is, vouwt u het paneel uit.
Zorg ervoor dat de gegevensindeling geschikt is voor het type gegevens dat je opmaakt.De valuta-indelingen werken bijvoorbeeld alleen als de dynamische gegevens uit numerieke gegevens bestaan.Je kunt slechts één indeling per gegevensveld toepassen.
Een gegevensformaat aanpassen
Open een pagina met dynamische gegevens in de ontwerpweergave.
Selecteer de dynamische gegevens waarvoor je een aangepaste indeling wilt maken.
Het gebonden gegevensitem waarvan u de dynamische tekst hebt geselecteerd, wordt gemarkeerd in het paneel Bindingen (Venster > Bindingen). Het paneel geeft twee kolommen weer voor het geselecteerde item: Binding en Formaat. Als de kolom Formaat niet zichtbaar is, verbreedt u het paneel Bindingen om het te tonen.
Klik in het deelvenster Bindingen op de pijl-omlaag in de kolom Indeling om het pop-upmenu met beschikbare gegevensindelingen uit te vouwen.
Als de vervolgkeuzepijl niet zichtbaar is, verbreedt u het paneel Bindingen verder.
Selecteer Lijst met formaten bewerken in het pop-upmenu.
Vul het dialoogvenster in en klik op OK.
a. Selecteer de indeling uit de lijst en klik op Bewerken.
b.Wijzig een van de volgende parameters in de dialoogvensters Valuta, Getal of Procent en klik op OK.
- Het aantal cijfers dat achter het decimaalteken moet worden weergegeven;
- Of een voorloopnul vóór breuken moet worden geplaatst;
- Of negatieve waarden tussen haakjes of met een minteken ervoor moeten worden weergegeven;
- Of cijfers gegroepeerd moeten worden.
c.Om een gegevensformaat te verwijderen, klik je op het formaat in de lijst en klik je op de Min (-) button.
Een gegevensformaat maken (alleen ASP)
Selecteer de dynamische gegevens waarvoor u een aangepaste notatie wilt maken.
Hoewel Dreamweaver alleen ondersteuning biedt voor het maken van gegevensformaten voor ASP-pagina's, kunnen ColdFusion- en PHP-gebruikers formaten downloaden die andere ontwikkelaars hebben gemaakt, of serverformaten maken en deze publiceren op de Dreamweaver Exchange. Voor meer informatie over de Server Format API, zie Extending Dreamweaver(Help > Extending Dreamweaver > Serverformaten).
Verwante informatie
Prachtige websites ontwerpen in Dreamweaver
Ontwerp, codeer en beheer dynamische websites in een krachtige alles-in-één tool.