Creare pagine principali e di dettaglio in Dreamweaver

Cerca
Adobe Dreamweaver Guida utente

Su questa pagina

Prodotti interessati: Adobe Dreamweaver

某些 Creative Cloud 应用程序、服务和功能在中国不可用。

Nota:

l'interfaccia utente di Dreamweaver CC e versioni successive è stata semplificata. Di conseguenza, potreste non trovare alcune delle opzioni descritte in questo articolo in Dreamweaver CC e versioni successive. Per ulteriori informazioni, consultate questo articolo.

Informazioni sulle pagine principali e di dettaglio

Le pagine principali e di dettaglio sono serie di pagine utilizzate per organizzare e visualizzare i dati dei recordset, allo scopo di fornire ai visitatori del sito una panoramica e una vista di dettaglio. La pagina principale elenca tutti i record e contiene collegamenti alle pagine di dettaglio, che visualizzano informazioni aggiuntive su ciascun record.

Pagina principale
Pagina principale

Pagina di dettaglio
Pagina di dettaglio

Potete creare le pagine principale e di dettaglio inserendo un oggetto dati per creare entrambe le pagine in un'unica operazione oppure utilizzando i comportamenti server per costruire le pagine in un modo più personalizzato. Quando usate i comportamenti server per realizzare le pagine principale e di dettaglio, dovete innanzi tutto creare una pagina principale con l'elenco dei record e quindi aggiungere i collegamenti dall'elenco alle pagine di dettaglio.

Creare una pagina principale

Prima di iniziare, assicuratevi che sia definita una connessione di database per il sito.

  1. 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.
  2. 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.

    Colonne del recordset selezionate per una pagina principale
    Colonne del recordset selezionate per una pagina principale

    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.

  3. 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.

Creare collegamenti alla pagina di dettaglio

Dopo aver creato la pagina principale e aggiunto il recordset, dovete creare i collegamenti che apriranno la pagina di dettaglio. Quindi, procedete a modificare i collegamenti in modo da passare l'ID del record selezionato dall'utente. La pagina di dettaglio utilizza questo ID per trovare il record richiesto nel database e visualizzarlo.

Nota:

i collegamenti alle pagine di aggiornamento vengono creati con lo stesso processo. La pagina di risultati è simile alla pagina principale, e la pagina di aggiornamento alla pagina di dettaglio.

Aprire la pagina di dettaglio e indicare un ID di record (ColdFusion, PHP)

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

  2. Nella finestra di ispezione Proprietà, fate clic sull'icona cartella accanto alla casella Collegamento.
  3. 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.

  4. Nella pagina principale, selezionate il collegamento nella tabella dinamica.
  5. (ColdFusion) Nella casella Collegamento della finestra di ispezione Proprietà, aggiungete la stringa seguente alla fine dell'URL:
    ?recordID=#recordsetName.fieldName#

    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.

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

    locationDetail.cfm?recordID=CBR
  6. (PHP) Nel campo Collegamento della finestra di ispezione Proprietà, aggiungete la stringa seguente alla fine dell'URL:
    ?recordID=<?php echo $row_recordsetName['fieldName']; ?>

    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.

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

    locationDetail.php?recordID=CBR
  7. Salvate la pagina.

Aprire la pagina di dettaglio e indicare un ID di record (ASP)

  1. Selezionate il contenuto dinamico da duplicare come collegamento.
  2. Nel pannello Comportamenti server (Finestra > Comportamenti server), fate clic sul pulsante più (+) e selezionate Vai a pagina dettagli dal menu a comparsa.
  3. Nella casella Pagina di dettaglio, fate clic su Sfoglia e individuate la pagina.
  4. 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.
  5. Se volete, passate i parametri esistenti della pagina alla pagina di dettaglio selezionando le opzioni Parametri URL o Parametri modulo.
  6. 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.

Cercare e visualizzare il record richiesto nella pagina di dettaglio

Per visualizzare il record richiesto dalla pagina principale, occorre definire un recordset che contenga un solo record e associare le colonne del recordset alla pagina di dettaglio.

  1. Passate alla pagina di dettaglio. Se ancora non disponete di una pagina di dettaglio, create una pagina vuota (File > Nuovo).
  2. 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.

  3. Assegnate un nome al recordset, quindi selezionate un'origine dati e la tabella di database che fornirà i dati al recordset.
  4. 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).

  5. 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.

  6. Fate clic su OK. Il recordset viene visualizzato nel pannello Associazioni.
  7. 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.

Trovare un record specifico e visualizzare una pagina (ASP)

Potete aggiungere un comportamento server che cerca un record specifico in un recordset per poter visualizzare il record sulla pagina. Il comportamento server è disponibile solo quando si utilizza il modello di server ASP.

  1. Create una pagina con i seguenti prerequisiti:
  2. 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.
  3. Nel menu a comparsa Vai al record in, selezionate il recordset definito per la pagina.
  4. 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.

  5. 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.

  6. 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.

Creare pagine principali e di dettaglio in una sola operazione

Quando sviluppate applicazioni Web, potete creare rapidamente pagine principali e di dettaglio utilizzando l'oggetto dati Set pagine principale/dettaglio.

  1. 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.

  2. 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.

  3. Aprite la pagina principale nella vista Progettazione e selezionate Inserisci > Oggetti dati > Set pagine principale dettaglio.
  4. Nel menu a comparsa Recordset, verificate che sia selezionato il recordset contenente i record da visualizzare nella pagina principale.
  5. 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.

  6. 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.

  7. 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.

  8. 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.

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

    Nota:

    per impostazione predefinita, questa opzione è selezionata; tuttavia essa non viene visualizzata per tutti i modelli di server.

  10. Specificate il numero di record da visualizzare nella pagina principale.
  11. 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.
  12. 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.

  13. 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.

  14. 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.

  15. 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.

Questo prodotto è concesso in licenza in base alla licenza di Attribuzione-Non commerciale-Condividi allo stesso modo 3.0 Unported di Creative Commons.  I post su Twitter™ e Facebook non sono coperti dai termini di Creative Commons.

Note legali   |   Informativa sulla privacy online