Costruire una pagine di aggiornamento record in Dreamweaver

Create una pagina in Dreamweaver e salvatela.

La pagina diventa la pagina di aggiornamento.

Nel pannello Associazioni (Finestra > Associazioni), fate clic sul pulsante più (+) e selezionate Recordset.

Se viene visualizzata la finestra di dialogo avanzata, fate clic su Semplice. La finestra di dialogo avanzata ha un’area di testo per l’inserimento di istruzioni SQL, assente in quella semplice.

Assegnate un nome al recordset e specificate dove si trovano i dati che desiderate aggiornare usando i menu a comparsa Connessione e Tabella.

Fate clic su Selezionato e selezionate una colonna chiave (di solito la colonna dell’ID del record) e le colonne che contengono i dati da aggiornare.

Configurate l’area Filtro in modo che il valore della colonna chiave sia uguale al valore del corrispondente parametro URL 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 colonna chiave contiene informazioni sull’ID del record ed è denominata PRID, e la pagina dei risultati passa le informazioni sull’ID del record corrispondenti contenute nel parametro URL chiamato id, l’area Filtro dovrebbe risultare come nell’esempio seguente:

Fate clic su OK.

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

Create una pagina (File > Nuovo > Pagina vuota). La pagina diventa la pagina di aggiornamento.

Impostate il layout della pagina mediante gli strumenti di progettazione di Dreamweaver.

Aggiungete un modulo HTML spostando il cursore nel punto in cui desiderate visualizzare il modulo e selezionando Inserisci > Modulo > Modulo.

Nella pagina viene creato un modulo vuoto. Potrebbe essere necessario attivare l’opzione Elementi invisibili (Visualizza > Riferimenti visivi > Elementi invisibili) per vedere i bordi del modulo indicati da linee rosse sottili.

Assegnate un nome al modulo HTML, facendo clic sul tag <form> nella parte inferiore della finestra del documento per selezionare il modulo, aprendo la finestra di ispezione Proprietà (Finestra > Proprietà) e infine digitando un nome nella casella Nome modulo.

Non è necessario specificare un attributo action oppure method per indicare al modulo dove e come inviare i dati del record quando l’utente fa clic sul pulsante Invia. È il comportamento server Aggiorna record che imposta questi attributi.

Aggiungete un oggetto modulo, ad esempio un campo di testo (Inserisci > Modulo > Campo di testo) per ogni colonna che desiderate aggiornare nella tabella del database.

Gli oggetti del modulo servono per l’inserimento dei dati. I campi di testo sono i più comuni per questo scopo, ma potete usare anche menu, opzioni e pulsanti di scelta.

A ogni oggetto modulo deve corrispondere una colonna nel recordset definito in precedenza. La sola eccezione riguarda la colonna chiave univoca che non deve avere un oggetto modulo corrispondente.

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

Potete cambiare l’etichetta del pulsante Invia selezionandolo, aprendo la finestra di ispezione Proprietà (Finestra > Proprietà) e digitando un nuovo valore nella casella Etichetta.

Verificate di aver definito un recordset che contenga il record che l’utente desidera aggiornare.

Vedere Recupero del record da aggiornare.

Associate ciascun oggetto modulo ai dati nel recordset, come descritto negli argomenti seguenti:

• Visualizzare il contenuto dinamico nei campi di testo HTML

• Preselezionare dinamicamente una casella di controllo HTML

• Preselezionare dinamicamente un pulsante di scelta HTML

• Inserire o modificare un menu modulo HTML dinamico

• Rendere dinamici i menu modulo HTML esistenti

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

Viene visualizzata la finestra di dialogo Aggiorna record.

Selezionate un modulo dal menu a comparsa Invia valori da.

Dal menu a comparsa Origine dati o Connessione, selezionate una connessione al database.

Inserite il nome utente e la password, se possibile.

Nel menu a comparsa Aggiorna tabella, selezionate la tabella del database che contiene il record da aggiornare.

(ColdFusion, PHP) Specificate una colonna di database da aggiornare, selezionate l’oggetto modulo che aggiorna la colonna dal menu a comparsa Valore, selezionate un tipo di dati per l’oggetto modulo dal menu a comparsa Invia come e infine selezionate Chiave principale se desiderate identificare questa colonna come chiave principale.

Il tipo di dati deve corrispondere al tipo previsto dalla tabella di database utilizzata (valori di opzioni booleane, numerici, di testo).

Ripetete la procedura per ogni oggetto modulo presente nel modulo.

(ASP) Nel menu a comparsa Seleziona record da, specificate il recordset che contiene il record visualizzato nel modulo HTML. Nel menu a comparsa Colonna a chiave univoca, selezionate una colonna chiave (di solito la colonna dell’ID del 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 talvolta accetta anche valori di testo.

Nella casella “Dopo l’aggiornamento, vai a” o “Se l’esito è positivo, vai a”, inserite la pagina che deve essere aperta dopo l’aggiornamento del record nella tabella; in alternativa fate clic sul pulsante Sfoglia per cercare il file.

(ASP) Specificate una colonna di database da aggiornare, selezionate l’oggetto modulo che aggiornerà la colonna dal menu a comparsa Valore, quindi selezionate un tipo di dati per l’oggetto modulo dal menu a comparsa Invia come. Il tipo di dati deve corrispondere al tipo previsto dalla tabella di database utilizzata (valori di opzioni booleane, numerici, di testo). Ripetete la procedura per ogni oggetto modulo presente nel modulo.

Fate clic su OK.

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

Per modificare il comportamento del server, aprite il pannello Comportamenti server (Finestra > Comportamenti server) e fate doppio clic sul comportamento Aggiorna record.

Aprite la pagina nella vista Progettazione e selezionate Inserisci > Oggetti dati > Aggiorna record > Procedura guidata Modulo aggiornamento record.

Viene visualizzata la finestra di dialogo Modulo aggiornamento record.

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

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

Nel menu a comparsa Tabella da aggiornare, selezionate la tabella del database che contiene il record da aggiornare.

Nel menu a comparsa Seleziona record da, specificate il recordset che contiene il record visualizzato nel modulo HTML.

Nel menu a comparsa Colonna a chiave univoca, selezionate una colonna chiave (di solito la colonna dell’ID del 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 talvolta accetta anche valori di testo.

Nella casella “Dopo l’aggiornamento, vai a”, inserite la pagina che deve essere aperta dopo l’aggiornamento del record nella tabella

Nell’area Campi modulo, specificate le colonne della tabella di database che l’oggetto modulo deve aggiornare.

Per impostazione predefinita, Dreamweaver crea un oggetto modulo per ciascuna colonna della tabella del database. Se il database genera automaticamente ID di chiave univoca per ogni nuovo record creato, rimuovete l’oggetto modulo corrispondente alla colonna chiave selezionandolo dall’elenco e quindi facendo clic sul pulsante meno (-). Questa operazione elimina il rischio di inserimento di un valore ID già esistente da parte dell’utente del modulo.

Potete inoltre cambiare l’ordine degli oggetti modulo nel modulo HTML selezionando un oggetto modulo dall’elenco e facendo clic sui pulsanti freccia su e giù nella parte destra della finestra di dialogo.

Specificate la modalità di visualizzazione di ogni campo di inserimento dati nel modulo HTML facendo clic su una riga della 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 nell’etichetta il nome della colonna della tabella.

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

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

Impostate 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 i menu e i gruppi di pulsanti di scelta, per impostare le proprietà è necessario aprire un’altra finestra di dialogo. Per le opzioni, definite un confronto tra il valore corrente del record dell’opzione e un valore dato per determinare se l’opzione è selezionata quando il record viene visualizzato.

Fate clic su OK.

Dreamweaver aggiunge alla pagina sia un modulo HTML sia un comportamento server Aggiorna record.

L’oggetto dati aggiunge alla pagina sia un modulo HTML sia un comportamento server Aggiorna record. Gli oggetti modulo sono presentati in una tabella di base personalizzabile usando gli strumenti di progettazione della pagina di Dreamweaver. Verificate che tutti gli oggetti modulo rimangano all’interno dei contorni del modulo.

Per modificare il comportamento del server, aprite il pannello Comportamenti server (Finestra > Comportamenti server) e fate doppio clic sul comportamento Aggiorna record.

Selezionate Manualmente o Da database, a seconda di come intendete 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, inserite un valore pari al valore dell’elemento se desiderate che venga selezionato un determinato elemento quando una pagina viene aperta in un browser o quando viene visualizzato un record nel modulo.

Potete inserire un valore statico oppure specificare un valore dinamico facendo clic sull’icona del fulmine e selezionando un valore dinamico dall’elenco delle origini dati. In entrambi i casi, il valore specificato deve corrispondere a uno dei valori dell’elemento.