Creare pagine principali e di dettaglio in Dreamweaver

Per creare una pagina vuota, selezionate File > Nuovo > Pagina vuota, selezionate un tipo di pagina e fate clic su Crea. Questa sarà la pagina principale.

Definire un recordset

Nel pannello Associazioni, fate clic sul pulsante Più (+), selezionate Recordset e scegliete le opzioni desiderate. Per scrivere un'istruzione SQL personalizzata, fate clic su Avanzato.

Assicuratevi che il recordset contenga tutte le colonne di tabella necessarie per creare la pagina principale. Il recordset deve includere anche la colonna di tabella contenente la chiave univoca di ogni record, ovvero la colonna ID record. Nell'esempio seguente, la colonna Code contiene la chiave univoca di ciascun record.

In genere, il recordset della pagina principale estrae solo alcune colonne da una tabella di database, mentre il recordset della pagina di dettaglio estrae un numero maggiore di colonne dalla stessa tabella per fornire informazioni aggiuntive.

Il recordset può essere definito dall'utente in fase di runtime. Per ulteriori informazioni, vedete Creazione di pagine di ricerca e di risultati.

Inserite una tabella dinamica per visualizzare i record.

Collocate il punto di inserimento nella posizione in cui la tabella dinamica dovrà apparire nella pagina. Selezionate Inserisci > Oggetti dati > Dati dinamici > Tabella dinamica, impostate le opzioni desiderate e fate clic su OK.

Se desiderate che gli ID record non vengano visualizzati agli utenti, potete eliminare la colonna dalla tabella dinamica. Fate clic su qualsiasi punto della pagina per attivarla. Spostate il cursore in prossimità della parte superiore della colonna nella tabella dinamica fin quando le celle non vengono evidenziate con un contorno rosso. Fate clic per selezionare la colonna. Premete Canc per eliminare la colonna dalla tabella.

Nella tabella dinamica, selezionate il segnaposto di contenuto per il testo che fungerà da collegamento.

Nella finestra di ispezione Proprietà, fate clic sull'icona cartella accanto alla casella Collegamento.

Individuate e selezionate la pagina di dettaglio. La pagina di dettaglio viene visualizzata nella casella Collegamento nella finestra di ispezione Proprietà.

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

Nella pagina principale, selezionate il collegamento nella tabella dinamica.

(ColdFusion) Nella casella Collegamento della finestra di ispezione Proprietà, aggiungete la stringa seguente alla fine dell'URL:

Il punto interrogativo indica al server che ciò che segue rappresenta uno o più parametri URL. La parola recordID è il nome del parametro URL (potete definire qualsiasi nome). Prendere nota del nome del parametro URL poiché dovrà essere utilizzato successivamente nella pagina di dettaglio.

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 record dal recordset. Per ogni riga della tabella dinamica viene generato un ID univoco. Nell'espressione ColdFusion, sostituite NomeRecordset con il nome effettivo del recordset e NomeCampo con il nome del campo del recordset che identifica in modo univoco ciascun record. Nella maggior parte dei casi, il campo contiene il numero di ID record. Nell'esempio seguente, il campo consiste di codici di sede univoci.

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 dell'autonoleggio di Canberra (Australia) ha il codice CBR, l'URL seguente viene utilizzato nella riga Canberra della tabella dinamica:

(PHP) Nel campo Collegamento della finestra di ispezione Proprietà, aggiungete la stringa seguente alla fine dell'URL:

Il punto interrogativo indica al server che ciò che segue rappresenta uno o più parametri URL. La parola recordID è il nome del parametro URL (potete utilizzare qualsiasi nome). Prendete nota del nome del parametro URL poiché verrà utilizzato in seguito nella pagina di dettaglio.

L'espressione dopo il segno uguale è il valore del parametro. In questo caso, il valore viene generato da un'espressione PHP che restituisce un ID record dal recordset. Per ogni riga della tabella dinamica viene generato un ID univoco. Nell'espressione PHP, sostituite recordsetName con il nome effettivo del recordset e fieldName con il nome del campo del recordset che identifica in modo univoco ciascun record. Nella maggior parte dei casi, il campo contiene il numero di ID record. Nell'esempio seguente, il campo consiste di codici di sede univoci.

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 dell'autonoleggio di Canberra (Australia) ha il codice CBR, l'URL seguente viene utilizzato nella riga Canberra della tabella dinamica:

Salvate la pagina.

Selezionate il contenuto dinamico da duplicare come collegamento.

Nel pannello Comportamenti server (Finestra > Comportamenti server), fate clic sul pulsante più (+) e selezionate Vai a pagina dettagli dal menu a comparsa.

Nella casella Pagina di dettaglio, fate clic su Sfoglia e individuate la pagina.

Specificate il valore che desiderate venga passato alla pagina di dettaglio selezionando un recordset e una colonna dai menu a comparsa Recordset e Colonna. Generalmente per il record si utilizza un valore univoco, ad esempio l'ID della chiave univoca del record.

Se volete, passate i parametri esistenti della pagina 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 dettagli passa alla pagina di dettaglio un parametro URL contenente l'ID del record. Ad esempio, se il parametro URL è id e la pagina di dettaglio è customerdetail.asp, quando l'utente fa clic sul collegamento l'URL ha un aspetto simile al seguente:

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 e il numero 43 sono rispettivamente il nome e il valore del parametro URL. In questo esempio, il parametro URL contiene il numero dell'ID del record: 43.

Passate alla pagina di dettaglio. Se ancora non disponete di una pagina di dettaglio, create una pagina vuota (File > Nuovo).

Nel pannello Associazioni (Finestra > Associazioni), fate clic sul pulsante più (+) e selezionate Recordset (interrogazione) o DataSet (interrogazione) dal menu a comparsa.

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

Assegnate un nome al recordset, quindi selezionate un'origine dati e la tabella di database che fornirà i dati al recordset.

Nell'area Colonne, selezionate le colonne della tabella da inserire nel recordset.

Il recordset può essere uguale a quello della pagina principale oppure diverso. In genere il recordset della pagina di dettaglio comprende un numero maggiore di colonne per visualizzare più informazioni.

Se i recordset sono diversi, assicuratevi che quello utilizzato nella pagina di dettaglio contenga almeno una colonna in comune con il recordset della pagina principale. La colonna in comune è solitamente quella dell'ID del record, ma può anche essere il campo di unione di tabelle correlate.

Per includere nel recordset solo alcune colonne della tabella, fate clic su Selezionato e scegliete nell'elenco le colonne desiderate, facendo clic su di esse tenendo premuto il tasto Ctrl (Windows) o il tasto Comando (Macintosh).

Compilate la sezione Filtro nel modo indicato di seguito per trovare e visualizzare il record specificato nel parametro URL passato dalla pagina principale:

• Dal primo menu a comparsa dell'area Filtro, selezionate la colonna del recordset che contiene i valori corrispondenti al valore del parametro URL passato dalla pagina principale. Ad esempio, se il parametro URL contiene il numero ID di un record, selezionate la colonna che contiene i numeri ID dei record. Nell'esempio della sezione precedente, la colonna del recordset CODE contiene i valori che corrispondono al valore del parametro URL passato dalla pagina principale.

• Dal menu a comparsa visualizzato accanto al primo menu, selezionate il segno di uguale (si tratta in genere dell'impostazione predefinita).

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

• Nella quarta casella, inserite il nome del parametro URL passato dalla pagina principale.

Fate clic su OK. Il recordset viene visualizzato nel pannello Associazioni.

Associate le colonne del recordset alla pagina di dettaglio selezionando le colonne del pannello Associazioni (Finestra > Associazioni) e trascinandole nella pagina.

Dopo il caricamento sul server della pagina principale e di dettaglio, potete aprire la pagina principale in un browser. Dopo che avete fatto clic sul collegamento nella pagina principale, viene aperta la pagina di dettaglio che visualizza ulteriori informazioni sul record selezionato.

Create una pagina con i seguenti prerequisiti:

• Un ID record contenuto in un parametro URL passato da un altra pagina alla pagina corrente. Potete creare i parametri URL in altre pagine con collegamenti ipertestuali HTML o un modulo HTML. Per ulteriori informazioni, vedete Uso di moduli per raccogliere informazioni dagli utenti.

• Un recordset definito per la pagina corrente. Il comportamento server estrae i dettagli dei record da questo recordset. Per istruzioni, vedete Definire un recordset senza SQL o Definire un recordset avanzato con SQL.

• Le colonne del recordset associate alla pagina. Il record specifico deve essere visualizzato nella pagina. Per informazioni, vedete Rendere dinamico il testo.

Aggiungete un comportamento server per individuare il record specificato dal parametro dell'URL, facendo clic sul pulsante più (+) nel pannello Comportamenti server (Finestra > Comportamenti server) e selezionando Pagine recordset > Vai a un record specifico.

Nel menu a comparsa Vai al record in, selezionate il recordset definito per la pagina.

Nel menu a comparsa Dove la colonna, selezionate la colonna che contiene il valore passato dall'altra pagina.

Ad esempio, se l'altra pagina passa il numero di ID di un record, selezionate la colonna contenente i numeri di ID dei record.

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

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

Fate clic su OK.

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

Per creare una pagina dinamica vuota, selezionate File > Nuovo > Pagina vuota, selezionate una pagina dinamica dall'elenco dei tipi di pagina e fate clic su Crea.

Questa sarà la pagina principale.

Definite un recordset per la pagina.

Verificate che il recordset contenga non solo tutte le colonne necessarie per la pagina principale, ma anche tutte quelle necessarie per la pagina di dettaglio. In genere, il recordset della pagina principale estrae solo alcune colonne da una tabella di database, mentre il recordset della pagina di dettaglio estrae un numero maggiore di colonne dalla stessa tabella per fornire informazioni aggiuntive.

Aprite la pagina principale nella vista Progettazione e selezionate Inserisci > Oggetti dati > Set pagine principale dettaglio.

Nel menu a comparsa Recordset, verificate che sia selezionato il recordset contenente i record da visualizzare nella pagina principale.

Nell'area Campi pagina principale, selezionate le colonne del recordset da visualizzare nella pagina principale.

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

Per modificare l'ordine di visualizzazione delle colonne nella pagina principale, selezionate una colonna nell'elenco e fate clic sulla freccia su o giù.

Nella pagina principale, le colonne del recordset vengono ordinate in senso orizzontale in una tabella. La freccia su sposta la colonna verso sinistra, mentre la freccia giù sposta la colonna verso destra.

Nel menu a comparsa Collega ai dettagli da, selezionate la colonna del recordset in cui verrà visualizzato un valore che fungerà anche da collegamento alla pagina di dettaglio.

Ad esempio, per fare in modo che ogni nome di prodotto della pagina principale sia collegato a una pagina di dettaglio, selezionate la colonna del recordset che contiene i nomi di prodotto.

Nel menu a comparsa Chiave univoca, selezionate la colonna del recordset contenente i valori che identificano i record.

Generalmente, viene scelta la colonna corrispondente al numero di ID del record. Questo valore viene passato alla pagina di dettaglio per consentire l'identificazione del record scelto dall'utente.

Se la colonna a chiave univoca non è di tipo numerico, deselezionate l'opzione Numerico.

Specificate il numero di record da visualizzare nella pagina principale.

Nella casella Nome pagina di dettaglio, selezionate Sfoglia e individuate il file della pagina di dettaglio precedentemente creato oppure inserite un nome e lasciate che sia l'oggetto dati a creare il file.

Nell'area Campi pagina di dettaglio, selezionate le colonne da visualizzare nella pagina di dettaglio.

Per impostazione predefinita vengono selezionate tutte le colonne del recordset della pagina principale. Se il recordset contiene una colonna chiave univoca, ad esempio recordID, selezionatela e fate clic sul pulsante meno (-) in modo che non venga visualizzata nella pagina di dettaglio.

Per modificare l'ordine di visualizzazione delle colonne nella pagina di dettaglio, selezionate una colonna nell'elenco e fate clic sulla freccia su o giù.

Nella pagina di dettaglio, le colonne del recordset vengono disposte in senso verticale in una tabella. La freccia in su sposta la colonna verso l'alto, mentre la freccia in giù sposta la colonna verso il basso.

Fate clic su OK.

L'oggetto dati crea una pagina di dettaglio, se non ne avevate già stata creata una, e aggiunge contenuto dinamico e comportamenti server sia alla pagina principale sia alla pagina di dettaglio.

Personalizzate il layout delle pagine principale e di dettaglio in base alle vostre esigenze.

Gli strumenti di progettazione delle pagine di Dreamweaver consentono una personalizzazione completa del layout di ciascuna pagina. Per modificare i comportamenti server, selezionateli con doppio clic nel pannello Comportamenti server.

Dopo aver creato le pagine principale e di dettaglio mediante l'oggetto dati, utilizzate il pannello Comportamenti server (Finestra > Comportamenti server) per modificare i diversi blocchi costitutivi delle pagine.