Creare pagine principali e di dettaglio in Dreamweaver

Ultimo aggiornamento il 25 apr 2024

Scopri come generare una pagina mastro in Dreamweaver e creare collegamenti a una pagina di dettaglio.

Nota

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 sulle pagine principali e di dettaglio

Le pagine mastro e di dettaglio sono insiemi di pagine utilizzati per organizzare e visualizzare i dati dei recordset.Queste pagine forniscono ai visitatori della sede una panoramica e una visualizzazione dettagliata.La pagina mastro elenca tutti i record e contiene collegamenti alle pagine di dettaglio che visualizzano informazioni aggiuntive su ciascun record.

Pagina principale

Pagina di dettaglio

Puoi generare pagine mastro e di dettaglio inserendo un oggetto dati per creare una pagina mastro e una pagina di dettaglio in un'unica operazione oppure utilizzando comportamenti server per generare le pagine mastro e di dettaglio in modo più personalizzato.Quando utilizzi comportamenti server per generare pagine mastro e di dettaglio, prima crei una pagina mastro per elencare i record e poi aggiungi collegamenti dall'elenco alle pagine di dettaglio.

Creare una pagina principale

Prima di iniziare, assicurati di definire una connessione al database per la sede.

Per creare una pagina vuota, seleziona File > Nuovo > Pagina vuota, seleziona un tipo di pagina e fai clic su Crea. Questa sarà la pagina principale.
Definire un recordset

Nel pannello Associazioni (Finestra > Associazioni), fai clic sul pulsante Più (+), seleziona Recordset e scegli le opzioni. Per scrivere un'istruzione SQL personalizzata, fate clic su Avanzato.

Assicurati che il recordset contenga tutte le colonne della tabella necessarie per creare la pagina mastro.Il recordset deve includere anche la colonna della tabella che contiene la chiave univoca di ciascun record, ossia la colonna ID record.Nell'esempio seguente, la colonna Codice contiene la chiave univoca di ciascun record.

Colonne del recordset selezionate per una pagina principale

In genere, il recordset nella pagina mastro estrae alcune colonne da una tabella del database mentre il recordset nella pagina di dettaglio estrae più colonne dalla stessa tabella per fornire dettagli aggiuntivi.

Il recordset può essere definito dall'utente in fase di esecuzione.Per ulteriori informazioni, consulta Generazione di pagine di ricerca e risultati.

Inserite una tabella dinamica per visualizzare i record.

Posiziona il punto di inserimento nel punto in cui desideri che la tabella dinamica appaia nella pagina.Seleziona Inserisci > Oggetti dati > Dati dinamici > Tabella dinamica, imposta le opzioni e fai clic su OK.

Se non desideri mostrare gli ID record agli utenti, puoi eliminare la colonna dalla tabella dinamica.Fai clic in un punto qualsiasi della pagina per spostare il punto di interesse sulla pagina.Sposta il cursore verso la parte superiore della colonna nella tabella dinamica finché le celle della colonna non vengono evidenziate in rosso, quindi fai clic per selezionare la colonna.Premi Elimina per eliminare la colonna dalla tabella.

Dopo aver generato la pagina mastro e aggiunto il recordset, crei collegamenti che aprono la pagina di dettaglio.Quindi modifichi i collegamenti per passare gli ID dei record selezionati dall'utente. La pagina di dettaglio utilizza questo ID per trovare il record richiesto nel database e visualizzarlo.

Nota

Crei collegamenti per aggiornare le pagine utilizzando lo stesso processo. La pagina dei risultati è simile a una pagina mastro, e la pagina di aggiornamento è simile a una pagina di dettaglio.

Apri la pagina di dettaglio e passa un ID del record (ColdFusion, PHP)

Nella tabella dinamica, seleziona il segnaposto contenuto per il testo che fungerà da collegamento.
Collegamenti applicati al segnaposto selezionato

Nel Controllo proprietà, fai clic sull'icona della cartella accanto alla casella Collegamento.
Individuate e selezionate la pagina di dettaglio. La pagina di dettaglio viene visualizzata nella casella Collegamento nel Controllo proprietà.

Nella tabella dinamica, il testo selezionato risulta collegato. Quando la pagina viene eseguita sul server, il collegamento viene applicato al testo di ogni riga della tabella.

Nella pagina principale, selezionate il collegamento nella tabella dinamica.
(ColdFusion) Nella casella Collegamento in Controllo proprietà, aggiunge la seguente stringa alla fine dell'URL:

?recordID=#recordsetName.fieldName#

Il punto interrogativo comunica al server che quello che segue è uno o più parametri URL. La parola recordID è il nome del parametro URL (puoi inventare qualsiasi nome ti piaccia). Prendi nota del nome del parametro URL perché lo userai nella pagina di dettaglio più avanti.

L'espressione dopo il segno uguale è il valore del parametro.In questo caso, il valore viene generato da un'espressione ColdFusion che restituisce un ID di record dal recordset.Un ID diverso viene generato per ogni riga della tabella dinamica.Nell'espressione ColdFusion, sostituisci recordsetName con il nome del recordset e sostituisci fieldName con il nome del campo nel recordset che identifica in modo univoco ogni record.Nella maggior parte dei casi, il campo sarà costituito da un numero ID record. Nell'esempio seguente, il campo è costituito da codici di posizione unici.

locationDetail.cfm?recordID=#rsLocations.CODE#

Quando la pagina è in esecuzione, i valori del campo CODE del recordset vengono inseriti nelle righe corrispondenti nella tabella dinamica.Ad esempio, se la sede di noleggio di Canberra, Australia, ha il codice CBR, viene utilizzato il seguente URL nella riga di Canberra nella tabella dinamica:

locationDetail.cfm?recordID=CBR

(PHP) Nel campo Collegamento nel Controllo proprietà, aggiungi la seguente stringa alla fine dell'URL:

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

Il punto interrogativo comunica al server che ciò che segue è uno o più parametri URL.La parola recordID è il nome del parametro URL (puoi usare qualsiasi nome desideri). Prendi nota del nome del parametro URL perché lo utilizzerai nella pagina di dettaglio in seguito.

L'espressione dopo il segno di uguale è il valore del parametro.In questo caso, il valore è generato da un'espressione PHP che restituisce un ID record dal recordset. Un ID diverso viene generato per ogni riga nella tabella dinamica. Nell'espressione PHP, sostituisci recordsetName con il nome del recordset e sostituisci fieldName con il nome del campo nel recordset che identifica in modo univoco ciascun record. Nella maggior parte dei casi, il campo sarà costituito da un numero ID record. Nell'esempio seguente, il campo è costituito da codici di posizione univoci.

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

Quando la pagina viene eseguita, i valori del campo CODE del recordset vengono inseriti nelle righe corrispondenti della tabella dinamica.Ad esempio, se la sede di noleggio di Canberra, Australia, ha il codice CBR, il seguente URL viene utilizzato nella riga di Canberra nella tabella dinamica:

locationDetail.php?recordID=CBR

Salvate la pagina.

Apri la pagina di dettaglio e passa un ID record (ASP)

Seleziona il contenuto dinamico da utilizzare come collegamento.
Nel pannello Comportamenti server (Finestra > Comportamenti server), fai clic sul pulsante Più (+) e seleziona Vai a pagina di dettaglio dal menu a comparsa.
Nella casella Pagina di dettaglio, fate clic su Sfoglia e individuate la pagina.
Specifica il valore che desideri passare alla pagina di dettaglio selezionando un recordset e una colonna dai menu a comparsa Recordset e Colonna. In genere il valore è univoco per il record, come l'ID chiave univoco del record.
Se desideri, passa i parametri di pagina esistenti alla pagina di dettaglio selezionando le opzioni Parametri URL o Parametri modulo.
Fate clic su OK.

Intorno al testo selezionato viene applicato un collegamento speciale. Quando l'utente fa clic sul collegamento, il comportamento server Vai a pagina di dettaglio passa un parametro URL contenente l'ID record alla pagina di dettaglio. Ad esempio, se il parametro URL si chiama id e la pagina di dettaglio si chiama customerdetail.asp, l'URL appare simile al seguente quando l'utente fa clic sul collegamento:

http://www.mysite.com/customerdetail.asp?id=43

La prima parte dell'URL, http://www.mysite.com/customerdetail.asp, apre la pagina di dettaglio.La seconda parte, ?id=43, è il parametro URL. Comunica alla pagina di dettaglio quale record trovare e visualizzare. Il termine id è il nome del parametro URL e 43 è il suo valore. In questo esempio, il parametro URL contiene il numero ID del record, 43.

Trova e visualizza il record richiesto sulla pagina di dettaglio

Per visualizzare il record richiesto dalla pagina mastro, devi definire un recordset per contenere un singolo record e collegare le colonne del recordset alla pagina di dettaglio.

Passate alla pagina di dettaglio. Se non hai ancora una pagina di dettaglio, crea una pagina vuota (File > Nuovo).
Nel pannello Associazioni (Finestra > Associazioni), fai clic sul pulsante Più (+) e seleziona Recordset (Query) o DataSet (Query) dal menu a comparsa.

Viene visualizzata la finestra di dialogo Recordset o DataSet semplice. Se viene visualizzata la finestra di dialogo avanzata, fai clic su Semplice.

Assegna un nome al recordset e seleziona un'origine dati e la tabella di database che fornirà i dati al recordset.
Nell'area Colonne, seleziona le colonne della tabella da includere nel recordset.

Il recordset può essere identico o diverso dal recordset nella pagina mastro.In genere il recordset di una pagina di dettaglio ha più colonne per visualizzare maggiori dettagli.

Se i recordset sono diversi, assicurati che il recordset nella pagina di dettaglio contenga almeno una colonna in comune con il recordset nella pagina mastro. La colonna comune è in genere quella dell'ID record, ma può anche essere il campo di unione di tabelle correlate.

Per includere solo alcune colonne della tabella nel recordset, fai clic su Selezionate e scegli le colonne desiderate facendo clic tenendo premuto Ctrl (Windows) o Comando (Macintosh) su di esse nell'elenco.

Completa la sezione Filtro per trovare e visualizzare il record specificato nel parametro URL trasmesso dalla pagina mastro:
  • Dal primo menu a comparsa nell'area Filtro, seleziona la colonna nel recordset contenente valori che corrispondono al valore del parametro URL trasmesso dalla pagina mastro. Ad esempio, se il parametro URL contiene un numero ID record, seleziona la colonna contenente i numeri ID record. Nell'esempio descritto nella sezione precedente, la colonna del recordset chiamata CODE contiene i valori che corrispondono al valore del parametro URL trasmesso dalla pagina mastro.

  • Dal menu a comparsa accanto al primo menu, seleziona il segno di uguale (dovrebbe già essere selezionato).

  • Dal terzo menu a comparsa, selezionate Parametro URL. La pagina mastro utilizza un parametro URL per trasmettere informazioni alla pagina di dettaglio.

  • Nella quarta casella, inserisci il nome del parametro URL trasmesso dalla pagina mastro.

Fate clic su OK. Il recordset viene visualizzato nel pannello Associazioni.
Associa le colonne del recordset alla pagina di dettaglio selezionando le colonne nel pannello Associazioni (Finestra > Associazioni) e trascinandole sulla pagina.

Dopo aver caricato sia la pagina mastro che quella di dettaglio sul server, puoi aprire la pagina mastro in un browser. Dopo aver fatto clic su un collegamento di dettaglio nella pagina mastro, si apre la pagina di dettaglio con maggiori informazioni sul record selezionato.

Trovare un record specifico e visualizzarlo su una pagina (ASP)

Puoi aggiungere un comportamento del server che trova un record specifico in un recordset in modo da poter visualizzare i dati del record nella pagina. Il comportamento del server è disponibile solo quando si utilizza il modello server ASP.

Create una pagina con i seguenti prerequisiti:
Aggiungi il comportamento server per trovare il record specificato dal parametro URL facendo clic sul pulsante Più (+) nel pannello Comportamenti Server (Finestra > Comportamenti Server) e selezionando Paginazione Recordset > Vai al record specifico.
Nel menu a comparsa Vai al record in, seleziona il recordset che hai definito per la pagina.
Nel menu a comparsa Colonna in cui, seleziona la colonna che contiene il valore passato dall'altra pagina.

Ad esempio, se l'altra pagina passa un numero ID record, seleziona la colonna contenente i numeri ID record.

Nella casella Corrisponde al parametro URL, inserisci il nome del parametro URL passato dall'altra pagina.

Ad esempio, se l'URL che l'altra pagina ha utilizzato per aprire la pagina di dettaglio è id=43, inserisci id nella casella Corrisponde al parametro URL.

Fate clic su OK.

La prossima volta che la pagina viene richiesta da un browser, il comportamento server leggerà l'ID record nel parametro URL passato dall'altra pagina e si sposterà al record specificato nel recordset.

Generare pagine master e di dettaglio in un'unica operazione

Quando sviluppi applicazioni web, puoi generare rapidamente pagine master e di dettaglio utilizzando l'oggetto dati Master Detail Page Set.

Per creare una pagina dinamica vuota, seleziona File > Nuovo > Pagina vuota, seleziona una pagina dinamica dall'elenco Tipo pagina e fai clic su Crea.

Questa sarà la pagina principale.

Definite un recordset per la pagina.

Assicurati che il recordset contenga non solo tutte le colonne necessarie per la pagina mastro, ma anche tutte le colonne necessarie per la pagina di dettaglio. In genere, il recordset nella pagina mastro estrae alcune colonne da una tabella del database mentre il recordset nella pagina di dettaglio estrae più colonne dalla stessa tabella per fornire dettagli aggiuntivi.

Apri la pagina mastro nella vista Progettazione e seleziona Inserisci > Oggetti dati > Set di pagine mastro dettaglio.
Nel menu a comparsa Recordset, assicurati che sia selezionato il recordset contenente i record da visualizzare nella pagina mastro.
Nell'area Campi pagina mastro, seleziona le colonne del recordset da visualizzare nella pagina mastro.

Per impostazione predefinita vengono automaticamente selezionate tutte le colonne del recordset. Se il recordset contiene una colonna chiave univoca come recordID, selezionala e fai clic sul pulsante Meno (-) in modo che non venga visualizzata nella pagina.

Per cambiare l'ordine in cui le colonne appaiono nella pagina mastro, seleziona una colonna nell'elenco e fai clic sulla freccia su o giù.

Nella pagina mastro, le colonne del recordset sono disposte orizzontalmente in una tabella.Facendo clic sulla freccia su si sposta la colonna a sinistra; facendo clic sulla freccia giù si sposta la colonna a destra.

Nel menu a comparsa Collega al dettaglio da, seleziona la colonna nel recordset che visualizzerà un valore che funge anche da collegamento alla pagina di dettaglio.

Ad esempio, se vuoi che ogni nome di prodotto nella pagina mastro abbia un collegamento alla pagina di dettaglio, seleziona la colonna del recordset che contiene i nomi dei prodotti.

Nel menu a comparsa Passa chiave univoca, seleziona la colonna nel recordset che contiene i valori identificativi dei record.

Generalmente, viene scelta la colonna corrispondente al numero di ID del record. Questo valore viene passato alla pagina di dettaglio in modo che possa identificare il record scelto dall'utente.

Deseleziona l'opzione Numerico se la colonna della chiave univoca non è numerica.
Nota

Questa opzione è selezionata per impostazione predefinita; non appare per tutti i modelli server.

Specifica il numero di record da visualizzare nella pagina mastro.
Nella casella Nome pagina di dettaglio, fai clic su Sfoglia e individua il file della pagina di dettaglio che hai creato, oppure inserisci un nome e lascia che l'oggetto dati ne crei uno per te.
Nell'area Campi pagina di dettaglio, seleziona le colonne da visualizzare nella pagina di dettaglio.

Per impostazione predefinita, sono selezionate tutte le colonne nel recordset della pagina mastro. Se il recordset contiene una colonna chiave univoca come recordID, selezionala e fai clic sul pulsante Meno (-) in modo che non venga visualizzata nella pagina di dettaglio.

Per cambiare l'ordine in cui le colonne appaiono nella pagina di dettaglio, seleziona una colonna nell'elenco e fai clic sulla freccia verso l'alto o verso il basso.

Nella pagina di dettaglio, le colonne del recordset sono disposte verticalmente in una tabella. Facendo clic sulla freccia su la colonna si sposta verso l'alto; facendo clic sulla freccia giù la colonna si sposta verso il basso.

Fate clic su OK.

L'oggetto dati crea una pagina di dettaglio (se non ne hai già creata una) e aggiunge contenuto dinamico e comportamenti server sia alla pagina mastro che a quella di dettaglio.

Personalizza il layout delle pagine mastro e di dettaglio per soddisfare le tue esigenze.

Puoi personalizzare completamente il layout di ogni pagina utilizzando gli strumenti di progettazione pagina di Dreamweaver. Puoi anche modificare i comportamenti server facendo doppio clic su di essi nel pannello Comportamenti server.

Dopo aver creato le pagine mastro e di dettaglio con l'oggetto dati, utilizza il pannello Comportamenti server (Finestra > Comportamenti server) per modificare i vari elementi costitutivi che l'oggetto dati inserisce nelle pagine.