L’interfaccia utente di Dreamweaver e versioni successive è stata semplificata. Di conseguenza, potreste non trovare alcune delle opzioni descritte in questo articolo in Dreamweaver e versioni successive. Per ulteriori informazioni, consultate questo articolo.
Informazioni sui record di database
La visualizzazione dei record del database comporta il recupero delle informazioni archiviate in un database o in un'altra origine di contenuto e il rendering di tali informazioni in una pagina web. Dreamweaver offre molti metodi per visualizzare contenuto dinamico e include diversi comportamenti server integrati che consentono di migliorare la presentazione del contenuto dinamico e permettono agli utenti di cercare più facilmente e navigare tra le informazioni restituite da un database.
I database e le altre origini di contenuto dinamico offrono maggiore potenza e flessibilità nella ricerca, nell'ordinamento e nella visualizzazione di grandi archivi di informazioni. L'utilizzo di un database per archiviare contenuto per siti web ha senso quando occorre archiviare grandi quantità di informazioni e quindi recuperare e visualizzare tali informazioni in modo significativo. Dreamweaver offre diversi strumenti e comportamenti predefiniti per aiutarti a recuperare e visualizzare efficacemente le informazioni archiviate in un database.
Comportamenti server ed elementi di formattazione
Dreamweaver offre i seguenti comportamenti server ed elementi di formattazione per consentirti di migliorare la visualizzazione dei dati dinamici:
Formati
ti consentono di applicare diversi tipi di valori numerici, monetari, data/ora e percentuali al testo dinamico.
Ad esempio, se il prezzo di un articolo in un recordset è 10.989, puoi visualizzare il prezzo sulla pagina come $10,99 selezionando il formato Dreamweaver "Valuta - 2 cifre decimali". Questo formato visualizza il numero con due cifre decimali. Se il numero ha più di due cifre decimali, il formato dati arrotonda il numero al decimale più vicino. Se il numero non ha cifre decimali, il formato dati aggiunge un separatore decimale e due zeri.
Area ripetuta
I comportamenti server consentono di visualizzare più elementi restituiti da una query di database e di specificare il numero di record da visualizzare per pagina.
Navigazione recordset
i comportamenti server consentono di inserire elementi di navigazione che permettono agli utenti di spostarsi al set successivo o precedente di record restituiti dal recordset. Ad esempio, se scegli di visualizzare 10 record per pagina utilizzando l'oggetto server Area ripetuta e il recordset restituisce 40 record, puoi navigare tra 10 record alla volta.
Stato di navigazione recordset
i comportamenti server consentono di includere un contatore che mostra agli utenti dove si trovano all'interno di un set di record rispetto al numero totale di record restituiti.
Mostra area
i comportamenti server consentono di scegliere di mostrare o nascondere elementi sulla pagina in base alla rilevanza dei record attualmente visualizzati. Ad esempio, se un utente è arrivato all'ultimo record in un recordset, puoi nascondere il collegamento Successivo e visualizzare solo il collegamento record Precedenti.
Applicare elementi tipografici e di layout della pagina ai dati dinamici
Una funzionalità potente di Dreamweaver è la capacità di presentare dati dinamici all'interno di una pagina strutturata e di applicare la formattazione tipografica utilizzando HTML e CSS. Per applicare formati ai dati dinamici in Dreamweaver, formatta le tabelle e i segnaposto per i dati dinamici utilizzando gli strumenti di formattazione di Dreamweaver. Quando i dati vengono inseriti dalla loro origine dati, adottano automaticamente la formattazione di font, paragrafo e tabella specificata.
Navigare i risultati del recordset del database
I collegamenti di navigazione del recordset consentono agli utenti di spostarsi da un record al successivo o da un set di record al successivo.Ad esempio, dopo aver progettato una pagina per mostrare cinque record alla volta, potresti voler aggiungere collegamenti come Successivo o Precedente che consentono agli utenti di mostrare i cinque record successivi o precedenti.
Puoi creare quattro tipi di collegamenti di navigazione per spostarti attraverso un recordset: Primo, Precedente, Successivo e Ultimo. Una singola pagina può contenere un numero qualsiasi di questi collegamenti, purché funzionino tutti su un singolo recordset. Non puoi aggiungere collegamenti per spostarti attraverso un secondo recordset sulla stessa pagina.
I collegamenti di navigazione recordset necessitano dei seguenti elementi dinamici:
Un recordset in cui navigare.
Contenuto dinamico della pagina per la visualizzazione dei record.
Testo o immagini sulla pagina che fungano da barra di navigazione cliccabile
Un set di comportamenti server Move To Record per navigare nel recordset
Puoi aggiungere gli ultimi due elementi utilizzando l'oggetto server Record Navigation Bar, oppure puoi aggiungerli separatamente utilizzando gli Strumenti di progettazione e il pannello Comportamenti server.
Creare una barra di navigazione recordset
Puoi creare una barra di navigazione recordset in una singola operazione utilizzando il comportamento server Recordset Navigation Bar. L'oggetto server aggiunge i seguenti elementi base alla pagina:
Una tabella HTML con collegamenti testuali o grafici
Un set di comportamenti server Sposta a
Un set di comportamenti server Mostra area
La versione testuale della barra di navigazione recordset ha l'aspetto seguente:
Prima di inserire la barra di navigazione, assicuratevi che la pagina contenga un recordset in cui navigare e un layout di pagina in cui visualizzare i record.
Dopo aver inserito la barra di navigazione nella pagina, potete utilizzare gli strumenti di progettazione per personalizzarla. Potete inoltre modificare i comportamenti server Vai a e Mostra area selezionandoli con doppio clic nel pannello Comportamenti server.
Dreamweaver crea una tabella con i collegamenti testuali o grafici che consentono di navigare nel recordset selezionato con un clic del mouse. Quando è visualizzato il primo record del recordset, i collegamenti testuali o grafici Primo e Precedente sono nascosti. Quando è visualizzato l'ultimo record del recordset, i collegamenti testuali o grafici Successivo e Ultimo sono nascosti.
Potete personalizzare il layout della barra di navigazione mediante gli strumenti di progettazione e il pannello Comportamenti server.
Testo
Consente di collocare nella pagina dei collegamenti testuali.
Immagini
Consente di includere immagini utilizzandole come collegamenti. Dreamweaver utilizza i propri file di immagine. Puoi sostituire queste immagini con file di immagine personalizzati dopo aver posizionato la barra sulla pagina.
Barre di navigazione recordset personalizzate
Puoi creare la tua barra di navigazione recordset personalizzata che utilizza layout e stili di formattazione più complessi rispetto alla semplice tabella creata dall'oggetto server Recordset Navigation Bar.
Per creare una barra di navigazione recordset personalizzata, effettuate le seguenti operazioni:
Creare collegamenti di navigazione testuali o grafici
Inserite i collegamenti nella pagina in vista Progettazione
Assegnate singoli comportamenti server a ciascun collegamento di navigazione
Questa sezione descrive come assegnare singoli comportamenti server ai collegamenti di navigazione.
Creare e assegnare comportamenti server a un collegamento di navigazione
Se il recordset contiene un gran numero di record, il comportamento server Move To Last Record può richiedere molto tempo per essere eseguito quando l'utente fa clic sul collegamento.
Il comportamento server viene assegnato al collegamento di navigazione.
Imposta le opzioni della finestra di dialogo Move To (comportamento del server)
Aggiungi collegamenti che permettano all'utente di navigare attraverso i record in un recordset.
Se il recordset contiene un numero elevato di record, il comportamento server Sposta all'ultimo record può richiedere molto tempo per eseguirsi quando l'utente fa clic sul collegamento.
Progettazione di una barra di navigazione
Quando crei una barra di navigazione personalizzata, inizia creando la sua rappresentazione visiva utilizzando gli strumenti di progettazione delle pagine di Dreamweaver.Non devi creare un collegamento per la stringa di testo o l'immagine, Dreamweaver ne crea uno per te.
La pagina per cui crei la barra di navigazione deve contenere un recordset da scorrere.Una semplice barra di navigazione del recordset potrebbe apparire così, con pulsanti di collegamento creati da immagini o altri elementi di contenuto:
Dopo aver aggiunto un recordset a una pagina e aver creato una barra di navigazione, devi applicare singoli comportamenti server a ciascun elemento di navigazione.Ad esempio, una tipica barra di navigazione del recordset contiene rappresentazioni dei seguenti collegamenti abbinati al comportamento appropriato:
|
Collegamento di navigazione |
Comportamento server |
|
Vai alla prima pagina |
Vai alla prima pagina |
|
Vai alla pagina precedente |
Vai alla pagina precedente |
|
Vai alla pagina successiva |
Vai alla pagina successiva |
|
Vai all'ultima pagina |
Vai all'ultima pagina |
Visualizza e nascondi aree in base ai risultati del recordset
Puoi anche specificare che un'area sia visualizzata o nascosta in base al fatto che il recordset sia vuoto.Se un recordset è vuoto (ad esempio, non sono stati trovati record che corrispondano alla query), puoi visualizzare un messaggio che informa l'utente che nessun record è stato restituito.Questo è particolarmente utile quando crei pagine di ricerca che si basano sui termini di ricerca inseriti dall'utente per eseguire richieste.Allo stesso modo, puoi visualizzare un messaggio di errore se c'è un problema di connessione a un database, o se il nome utente e la password di un utente non corrispondono a quelli riconosciuti dal Server.
I comportamenti server Mostra area sono:
Mostra se il recordset è vuoto
Mostra se il recordset non è vuoto
Mostra se è la prima pagina
Mostra se non è la prima pagina
Mostra se è l'ultima pagina
Mostra se non è l'ultima pagina
Visualizzare più risultati del recordset
Il comportamento server Area ripetuta ti consente di visualizzare più record da un recordset all'interno di una pagina.Qualsiasi selezione di dati dinamici può essere trasformata in un'area ripetuta.Tuttavia, le aree più comuni sono una tabella, una riga di tabella o una serie di righe di tabella.
La selezione può essere qualsiasi cosa, inclusa una tabella, una riga di tabella o anche un paragrafo di testo.
Per selezionare un'area sulla pagina con precisione, puoi utilizzare il selettore di tag nell'angolo sinistro della finestra del documento.Ad esempio, se l'area è una riga di tabella, fai clic all'interno della riga sulla pagina, quindi fai clic sul <tr> tag più a destra nel selettore di tag per selezionare la riga di tabella.
Nella finestra Documento, un contorno grigio sottile e a schede appare intorno all'area ripetuta.
Modificare le aree ripetute nel pannello Proprietà
Il nome dell'area ripetuta.
Il recordset che fornisce i record per l'area ripetuta.
Il numero di record visualizzati
Quando selezioni una nuova opzione, Dreamweaver aggiorna la pagina.
Riutilizzo dei recordset PHP
Per un tutorial sul riutilizzo dei recordset PHP, consulta il tutorial di David Powers, How Do I Reuse a PHP Recordset in More Than One Repeat Region?
Creare una tabella dinamica
L'esempio seguente illustra come viene applicato il comportamento server Area ripetuta a una riga di tabella e specifica che nove record vengono visualizzati per pagina. La riga stessa visualizza quattro record diversi: città, stato, indirizzo e CAP.
Per creare una tabella come quella dell'esempio precedente, devi creare una tabella che contenga contenuto dinamico e applicare il comportamento server Area ripetuta alla riga della tabella che contiene il contenuto dinamico.Quando la pagina viene elaborata dal server applicazioni, la riga viene ripetuta il numero di volte specificato nell'oggetto server Area ripetuta, con un record diverso inserito in ogni nuova riga.
Seleziona Inserisci > Oggetti dati > Dati dinamici > Tabella dinamica per visualizzare la finestra di dialogo Tabella dinamica.
Dalla categoria Dati del pannello Inserisci, fai clic sul pulsante Dati dinamici e seleziona l'icona Tabella dinamica dal menu pop-up.
La finestra di dialogo Tabella dinamica mantiene i valori che inserisci per i bordi della tabella, la spaziatura celle e l'interlinea delle celle.
Se stai lavorando a un progetto che richiede diverse tabelle dinamiche con lo stesso aspetto, immetti i valori del layout della tabella per semplificare ulteriormente lo sviluppo della pagina.Puoi regolare questi valori dopo aver inserito la tabella utilizzando il pannello Proprietà della tabella.
Una tabella e i segnaposto per il contenuto dinamico definito nel recordset associato vengono inseriti nella pagina.
In questo esempio, il recordset contiene quattro colonne: AUTHORID, FIRSTNAME, LASTNAME e BIO. La riga di intestazione della tabella viene popolata con i nomi di ogni colonna. Puoi modificare le intestazioni utilizzando qualsiasi testo descrittivo o sostituirle con immagini rappresentative.
Creare contatori di record
I contatori di record offrono agli utenti un punto di riferimento quando navigano attraverso un set di record. In genere, i contatori di record mostrano il numero totale di record restituiti e i record attualmente visualizzati.Ad esempio, se un recordset restituisce 40 record individuali e 8 record vengono visualizzati per pagina, il contatore di record nella prima pagina indicherebbe "Visualizzazione record 1-8 di 40."
Prima di creare un contatore di record per una pagina, devi creare un recordset per la pagina, un layout di pagina appropriato per contenere il contenuto dinamico e quindi una barra di navigazione del recordset.
Creare contatori di record semplici
I contatori di record consentono agli utenti di sapere dove si trovano all'interno di un determinato set di record rispetto al numero totale di record restituiti.Per questo motivo i contatori di record sono un comportamento utile che può aggiungere significativamente all'usabilità di una pagina web.
Crea un contatore di record semplice utilizzando l'oggetto server Recordset Navigation Status.Questo oggetto server crea una voce di testo nella pagina per visualizzare lo stato del record corrente.Puoi personalizzare il contatore di record utilizzando gli strumenti di progettazione delle pagine di Dreamweaver.
L'oggetto server Recordset Navigation Status inserisce un contatore di record di testo che appare simile al seguente esempio:
Quando visualizzato in vista Dal vivo, il contatore appare simile al seguente esempio:
Genera e aggiungi il contatore di record alla pagina
Creare contatori di record personalizzati
Utilizzi i comportamenti di conteggio record individuali per creare contatori di record personalizzati.La creazione di un contatore di record personalizzato ti consente di creare un contatore di record oltre la semplice tabella a riga singola inserita dall'oggetto server Recordset Navigation Status.Puoi disporre gli elementi di progettazione in diversi modi creativi e applicare un comportamento server appropriato a ciascun elemento.
I comportamenti server Record Count sono:
Visualizza numero record iniziale
Visualizza numero record finale
Visualizza record totali
Prima di creare un contatore di record personalizzato per una pagina, devi prima creare un recordset per la pagina, un layout di pagina appropriato per contenere il contenuto dinamico e una barra di navigazione del recordset.
Questo esempio crea un contatore di record che appare simile all'esempio in "Contatori di record semplici." In questo esempio, il testo in carattere sans-serif rappresenta i segnaposto di conteggio record che verranno inseriti nella pagina.Il contatore di record in questo esempio appare come segue:
Visualizzazione record StartRow attraverso EndRow di RecordSet.RecordCount.
Visualizzazione record attraverso di .
Visualizzazione record fino a di {Recordset1.RecordCount}.
Visualizzazione record {StartRow_Recordset1} fino a di {Recordset1.RecordCount}.
Visualizzazione record {StartRow_Recordset1} fino a {EndRow_Recordset1} di {Recordset1.RecordCount}.
Visualizzazione record da 1 a 8 di 40.
Se la pagina dei risultati ha un collegamento di navigazione per passare al set successivo di record, facendo clic sul collegamento si aggiorna il contatore dei record per leggere come segue:
Visualizzazione record da 9 a 16 di 40.
Utilizzare formati dati predefiniti
Dreamweaver include svariati formati di dati predefiniti che puoi applicare agli elementi di dati dinamici.Gli stili del formato dati includono formati di data e ora, valuta, numerico e percentuale.
Applicare formati dati al contenuto dinamico
Se la freccia giù non è visibile, espandete il pannello.
Assicurati che il formato dati sia appropriato per il tipo di dati che stai formattando. Ad esempio, i formati di valuta funzionano solo se i dati dinamici sono costituiti da dati numerici.Nota che non puoi applicare più di un formato agli stessi dati.
Personalizzare un formato dati
Apri una pagina che contiene dati dinamici in vista Progettazione.
Seleziona i dati dinamici per cui vuoi creare un formato personalizzato.
L'elemento dati associato di cui è stato selezionato il testo viene evidenziato nel pannello Associazioni (Finestra > Associazioni). Il pannello visualizza due colonne per l'elemento selezionato: Associazioni e Formato. Se la colonna Formato non è visibile, espandere ulteriormente il pannello Associazioni.
Nel pannello Associazioni, fai clic sulla freccia giù nella colonna Formato per espandere il menu a comparsa dei formati dati disponibili.
Se la freccia giù non è visibile, espandete ulteriormente il pannello Associazioni.
Selezionate Modifica elenco formati dal menu a comparsa.
Completa la finestra di dialogo e fai clic su OK.
a.Seleziona il formato dall'elenco e fai clic su Modifica.
b. Modifica uno dei seguenti parametri nelle finestre di dialogo Valuta, Numero o Percentuale e fai clic su OK.
- Il numero di cifre decimali da visualizzare
- L'inserimento di uno zero iniziale prima delle frazioni
- L'uso delle parentesi o del segno meno per i valori negativi
- Il raggruppamento delle cifre
c.Per eliminare un formato di dati, fai clic sul formato nell'elenco e fai clic sul pulsante Meno (-).
Crea un formato di dati (solo ASP)
Selezionate i dati dinamici per cui desiderate creare un formato personalizzato.
Anche se Dreamweaver supporta solo la creazione di formati di dati per pagine ASP, gli utenti ColdFusion e PHP possono scaricare formati creati da altri sviluppatori o creare formati server e postarli su Dreamweaver Exchange. Per ulteriori informazioni sull'API Server Format, consulta Extending Dreamweaver(Aiuto > Extending Dreamweaver > Server Formats).
Altri contenuti simili
Crea splendidi siti web con Dreamweaver
Progetta, codifica e gestisci siti web dinamici con un potente strumento completo.