Costruire una pagine di aggiornamento record in Dreamweaver

Ultimo aggiornamento il 25 apr 2024
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 di aggiornamento record

La tua applicazione può contenere un set di pagine che consente agli utenti di aggiornare record esistenti in una tabella del database. Le pagine normalmente sono costituite da una pagina di ricerca, una pagina dei risultati e una pagina di aggiornamento. Le pagine di ricerca e dei risultati consentono agli utenti di recuperare il record e la pagina di aggiornamento consente agli utenti di modificare il record.

Cercare il record da aggiornare

Quando gli utenti vogliono aggiornare un record, devono prima trovare quel record nel database. Di conseguenza, ti serve una pagina di ricerca e una pagina dei risultati per lavorare con la pagina di aggiornamento.L'utente inserisce i criteri di ricerca nella pagina di ricerca e seleziona il record nella pagina dei risultati. Quando l'utente fa clic sul record nella pagina dei risultati, la pagina di aggiornamento si apre e visualizza il record in un modulo HTML.

Dopo aver creato le pagine di ricerca e dei risultati, crei collegamenti nella pagina dei risultati per aprire la pagina di aggiornamento. Poi modifichi i collegamenti per passare gli ID dei record che l'utente seleziona. La pagina di aggiornamento usa questo ID per trovare il record richiesto nel database e visualizzarlo.

Usi lo stesso processo per aprire la pagina di aggiornamento e passare un ID record che usi per aprire una pagina di dettaglio e passare un ID record. Per ulteriori informazioni, vedi Crea collegamenti alla pagina di dettaglio.

Recuperare il record da aggiornare

Dopo che la pagina dei risultati passa un ID record alla pagina di aggiornamento identificando il record da aggiornare, la pagina di aggiornamento deve leggere il parametro, recuperare il record dalla tabella del database e memorizzarlo temporaneamente in un recordset.

Crea una pagina in Dreamweaver e salvala.

La pagina diventa la pagina di aggiornamento.

Nel pannello Associazioni (Finestra > Associazioni), fai clic sul pulsante Più (+) e seleziona Recordset.

Se viene visualizzata la finestra di dialogo avanzata, fate clic su Semplice. La finestra di dialogo avanzata ha un'area di testo per immettere istruzioni SQL; quella semplice non la include.

Assegna un nome al recordset e specifica dove si trovano i dati che vuoi aggiornare usando i menu a comparsa Connessione e Tabella.
Fai clic su Selezionati e seleziona una colonna chiave (solitamente la colonna ID record) e le colonne che contengono i dati da aggiornare.
Configura l'area Filtro in modo che il valore della colonna chiave sia uguale al valore del parametro URL corrispondente passato dalla pagina dei risultati.

Questo tipo di filtro crea un recordset che contiene solo il record specificato dalla pagina dei risultati. Ad esempio, se la tua colonna chiave contiene informazioni sull'ID record e si chiama PRID, e se la pagina dei risultati passa le informazioni corrispondenti sull'ID record nel parametro URL chiamato id, l'area Filtro dovrebbe apparire come nel seguente esempio:

Area Filtro

Fate clic su OK.

Quando l'utente seleziona un record nella pagina dei risultati, la pagina di aggiornamento genera un recordset contenente solo il record selezionato.

Completa la pagina di aggiornamento blocco per blocco

Una pagina di aggiornamento comprende tre blocchi costitutivi:

  • Un recordset filtrato per recuperare il record da una tabella del database
  • Un modulo HTML che consente all'utente di modificare i dati del record
  • Un comportamento server di aggiornamento record per aggiornare la tabella del database

    Puoi aggiungere separatamente i due elementi fondamentali finali di una pagina di aggiornamento utilizzando gli strumenti modulo e il pannello Comportamenti server.

Aggiungere un modulo HTML a una pagina di aggiornamento

Crea una pagina (File > Nuovo > Pagina vuota). La pagina diventa la pagina di aggiornamento.
Imposta il layout della pagina utilizzando gli strumenti di progettazione di Dreamweaver.
Aggiungi un modulo HTML posizionando il punto di inserimento dove vuoi che appaia il modulo e selezionando Inserisci > Modulo > Modulo.

Nella pagina viene creato un modulo vuoto. Potrebbe essere necessario abilitare Elementi invisibili (Visualizza > Aiuti visuali > Elementi invisibili) per vedere i bordi del modulo, che sono rappresentati da sottili linee rosse.

Assegna un nome al modulo HTML facendo clic sul tag <form> nella parte inferiore della finestra del documento per selezionare il modulo, aprendo Inspector proprietà (Finestra > Proprietà) e inserendo un nome nella casella Nome modulo.

Non devi specificare un attributo action o method per il modulo per indicargli dove e come inviare i dati del record quando l'Utente fa clic sul pulsante Invia. Il comportamento server Aggiorna record imposta automaticamente questi attributi.

Aggiungi un oggetto modulo come un campo di testo (Inserisci > Modulo > Campo di testo) per ogni colonna che vuoi aggiornare nella tabella del database.

Gli oggetti del modulo servono per l’inserimento dei dati. I campi di testo sono comuni per questo scopo, ma puoi anche utilizzare menu, opzioni e pulsanti di opzione.

Ogni oggetto modulo dovrebbe avere una colonna corrispondente nel recordset definito in precedenza. L'unica eccezione è la colonna chiave univoca, che non dovrebbe avere un oggetto modulo corrispondente.

Aggiungi un pulsante Invia al modulo (Inserisci > Modulo > Pulsante).

Puoi cambiare l'etichetta del pulsante Invia selezionando il pulsante, aprendo Inspector proprietà (Finestra > Proprietà) e inserendo un nuovo Valore nella casella Etichetta.

Visualizzare il record nel modulo

Assicurati di aver definito un recordset per contenere il record che l'Utente vuole aggiornare.

Aggiungi un comportamento server per aggiornare la tabella del database

Nel pannello Comportamenti server (Finestra > Comportamenti server), fai clic sul pulsante Più (+) e seleziona Aggiorna record dal menu a comparsa.

Viene visualizzata la finestra di dialogo Aggiorna record.

Selezionate un modulo dal menu a comparsa Invia valori da.
Nel menu a comparsa Origine dati o Connessione, seleziona una connessione al database.
Inserite il nome utente e la password, se possibile.
Nel menu a comparsa Aggiorna tabella, seleziona la tabella del database che contiene il record da aggiornare.
(ColdFusion, PHP) Specifica una colonna del database da aggiornare, seleziona l'oggetto modulo che aggiornerà la colonna dal menu a comparsa Valore, seleziona un tipo di dati per l'oggetto modulo dal menu a comparsa Invia come e seleziona Chiave primaria se vuoi identificare questa colonna come chiave primario.

Il tipo di dati è il tipo di informazioni che la colonna nella tabella del database si aspetta (testo, numerico, valori di opzioni booleane).

Ripeti la procedura per ogni oggetto modulo nel tuo modulo.

(ASP) Nel menu a comparsa Seleziona record da, specifica il recordset che contiene il record visualizzato nel modulo HTML.Nel menu a comparsa Colonna chiave univoca, seleziona una colonna chiave (solitamente la colonna ID record) per identificare il record nella tabella del database.Se il valore è un numero, selezionate l’opzione Numerico. Una colonna chiave solitamente accetta solo valori numerici, ma a volte accetta valori di testo.
Nella casella Dopo l'aggiornamento o In caso di successo, vai a, inserisci la pagina da aprire dopo l'aggiornamento del record nella tabella o fai clic sul pulsante Sfoglia per cercare il file.
(ASP) Specifica una colonna del database da aggiornare, seleziona l'oggetto modulo che aggiornerà la colonna dal menu a comparsa Valore, quindi seleziona un tipo di dati per l'oggetto modulo dal menu a comparsa Invia come.Il tipo di dati è il tipo di informazioni che la colonna nella tabella del database si aspetta (testo, numerico, valori di opzioni booleane).Ripetete la procedura per ogni oggetto modulo presente nel modulo.
Fate clic su OK.

Dreamweaver aggiunge un comportamento server alla pagina che permette agli utenti di aggiornare i record in una tabella del database modificando le informazioni visualizzate nel modulo HTML e facendo clic sul pulsante Invia.

Per modificare il comportamento server, apri il pannello Comportamenti server (Finestra > Comportamenti server) e fai doppio clic sul comportamento Aggiorna record.

Completa la pagina di aggiornamento in un'unica operazione

Una pagina di aggiornamento ha tre componenti fondamentali:

  • Un recordset filtrato per recuperare il record da una tabella del database

  • Un modulo HTML che consente all'utente di modificare i dati del record

  • Un comportamento server Aggiorna record per aggiornare la tabella del database

Puoi aggiungere i due componenti finali di una pagina di aggiornamento in un'unica operazione utilizzando l'oggetto dati Modulo di aggiornamento record.L'oggetto dati aggiunge sia un modulo HTML che un comportamento server Aggiorna record alla pagina.

Prima di poter utilizzare l'oggetto dati, la tua applicazione web deve essere in grado di identificare il record da aggiornare e la pagina di aggiornamento deve essere in grado di recuperarlo.

Dopo che l'oggetto dati ha posizionato i componenti sulla pagina, puoi utilizzare gli strumenti di progettazione di Dreamweaver per personalizzare il modulo a tuo piacimento, o il pannello Comportamenti server per modificare il comportamento server Aggiorna record.

Nota

La pagina di aggiornamento può contenere solo un comportamento server di modifica record alla volta.Ad esempio, non puoi aggiungere un comportamento server Inserisci record o Elimina record alla pagina di aggiornamento.

Apri la pagina in vista Progettazione e seleziona Inserisci > Oggetti dati > Aggiorna record > Procedura guidata modulo di aggiornamento record.

Viene visualizzata la finestra di dialogo Modulo aggiornamento record.

Nel menu a comparsa Connessione, seleziona una connessione al database.

Se necessario, definite una connessione facendo clic sul pulsante Definisci.

Nel menu a comparsa Tabella da aggiornare, seleziona la tabella del database che contiene il record da aggiornare.
Nel menu a comparsa Seleziona record da, specifica il recordset che contiene il record visualizzato nel modulo HTML.
Nel menu a comparsa Colonna chiave univoca, seleziona una colonna chiave (di solito la colonna ID record) per identificare il record nella tabella del database.

Se il valore è un numero, selezionate l’opzione Numerico. Una colonna chiave di solito accetta solo valori numerici, ma a volte accetta valori di testo.

Nella casella Dopo l'Aggiornamento, Vai A, inserisci la pagina da aprire dopo che il record viene aggiornato nella tabella.
Nell'area Campi Modulo, specifica quale colonna nella tabella del database ogni oggetto modulo deve aggiornare.

Per impostazione predefinita, Dreamweaver crea un oggetto modulo per ogni colonna nella tabella del database.Se il database genera automaticamente ID chiave unici per ogni nuovo record creato, rimuovi l'oggetto modulo corrispondente alla colonna chiave selezionandolo nell'elenco e facendo clic sul pulsante Meno (-).Questo elimina il rischio che l'utente del modulo inserisca un valore ID che già esiste.

Puoi anche cambiare l'ordine degli oggetti modulo sul modulo HTML selezionando un oggetto modulo nell'elenco e facendo clic sulla freccia su o giù sul lato destro della finestra di dialogo.

Specifica come ogni campo di inserimento dati deve apparire sul modulo HTML facendo clic su una riga nella tabella Campi Modulo e inserendo le seguenti informazioni nelle caselle sotto la tabella:
  • Nella casella Etichetta, inserite un testo descrittivo da visualizzare accanto al campo di inserimento dati. Per impostazione predefinita, Dreamweaver visualizza il nome della colonna della tabella nell'etichetta.

  • Dal menu a comparsa Visualizza come, selezionate un oggetto modulo che deve servire come campo di inserimento dati. Potete scegliere Campo testo, Area di testo, Menu, Casella di controllo, Gruppo pulsanti di scelta e Testo. Per i valori di sola lettura, selezionate Testo. Potete anche selezionare Campo password, Campo di file e Campo nascosto.

Nota

i campi nascosti vengono inseriti in fondo al modulo.

  • Nel menu a comparsa Invia come, selezionate il formato dei dati necessario per la tabella del database utilizzato. Ad esempio, se la colonna della tabella accetta solo dati numerici, selezionate Numerico.
  • Impostate le proprietà dell'oggetto modulo. Sono disponibili diverse opzioni a seconda dell’oggetto modulo selezionato come campo di inserimento dati. Per i campi testo, le aree di testo e il testo, potete inserire un valore iniziale. Per i menu e i gruppi pulsanti di scelta, è necessario aprire un’altra finestra di dialogo per impostare le proprietà. Per le opzioni, selezionate l’opzione Selezionato o Non selezionato.  
Imposta le proprietà di altri oggetti modulo selezionando un'altra riga Campi Modulo e inserendo un'etichetta, un valore Visualizza Come, e un valore Invia Come.

Per menu e gruppi radio, apri un'altra finestra di dialogo per impostare le proprietà.Per le opzioni, definisci un confronto tra il valore del record corrente per l'opzione e un valore dato per determinare se l'opzione è selezionata quando il record viene visualizzato.

Fate clic su OK.

Dreamweaver aggiunge sia un modulo HTML che un comportamento Server Aggiorna Record alla pagina.

L'oggetto dati aggiunge sia un modulo HTML che un comportamento Server Aggiorna Record alla pagina.Gli oggetti modulo sono disposti in una tabella di base, che puoi personalizzare usando gli strumenti di progettazione delle pagine di Dreamweaver.(Assicurati che tutti gli oggetti modulo rimangano entro i limiti del modulo.)

Per modificare il comportamento Server, apri il pannello Comportamenti Server (Finestra > Comportamenti Server) e fai doppio clic sul comportamento Aggiorna Record.

Opzioni della finestra Proprietà elementi modulo

Lo scopo della finestra di dialogo Proprietà elemento modulo è impostare le opzioni per gli elementi del modulo nelle pagine che consentono agli utenti di aggiornare i record in un database.

Seleziona Manualmente o Da Database, a seconda di come intendi creare l'elemento modulo.
Fate clic sul pulsante più (+) per aggiungere un elemento.
Inserite un’etichetta e un valore per l’elemento.
Nella casella Seleziona Valore Uguale A, se desideri che un elemento particolare sia selezionato quando la pagina si apre in un browser o quando un record viene visualizzato nel modulo, inserisci un valore uguale al valore dell'elemento.

Puoi inserire un valore statico o puoi specificare un valore dinamico facendo clic sull'icona fulmine e selezionando un valore dinamico dall'elenco delle fonti dati.In entrambi i casi, il valore che specifichi deve corrispondere a uno dei valori dell'elemento.