Inserire dati in un Database con Dreamweaver MX

Questo è solo un piccolo esempio di quello che facciamo anche quotidianamente e magari non ci rendiamo conto di queste "azioni" che vengono effettuate prima sul server dove risiede il form e poi lo stesso server, di rimando, ci invia la pagina con i dati "processati". Quello di cui tratta l' articolo odierno non è pura teoria, ma come fare, per esempio, a riempire il "contenitore".

Per popolare un DataBase con dei dati, possiamo farlo in due modi: conoscendo il linguaggio VBScript o JScript, oppure affidandoci completamente ad uno dei programmi che compila il codice per noi. Questa volta eseguiremo tale operazione con Dreamweaver MX che, da questa versione appunto, supporta applicazioni lato server. Una di queste la useremo per inserire dati in una tabella del DataBase. Per il nostro esempio possiamo tranquillamente utilizzare Microsoft Access.

Preparare la tabella del DataBase

Nella pagina finale avremo 3 campi ed un pulsante di INVIO. Attraverso la pressione di tale bottone, popoleremo la tabella del Database. La prossima volta, invece, vedremo come "estrarre" e visualizzare i dati dalla stessa tabella. Adesso partiamo con la pratica.
Apriamo il programma ACCESS e creiamo un nuovo file .mdb; lo chiameremo database.mdb. Voi potete nominarlo come volete ma vi consiglio di seguire questi passaggi e solo dopAo che avrete fatto delle prove, potrete ricominarlo a vostro piacimento. Salvato il file database.mdb sul desktop, ma non rimarrà certo qui, tranquilli, apriamolo e selezioniamo "Crea una tabella in visualizzazione Struttura". Doppio clic su tale voce e verrà aperta una finestra in cui inseriremo il Nome Campo ed il Tipo di Dati. Tali campi saranno:

(*) Possiamo accettare per questi tipi di dati l' impostazione di default di ACCESS: Dimensione campo = 50. Se nelle successive applicazioni vi renderete conto che non saranno abbastanza, potrete impostare un numero fino a 250. Torniamo alla nostra tabella. Mettiamo il mouse sul primo campo (ID) e rendiamolo Chiave Primaria. Salviamo la tabella e la nominiamo Utenti. La figura di seguito altro non è che la copia della tabella "Utenti" in visualizzazione struttura.

Dopo che abbiamo creato quel famoso contenitore, possiamo spostare il Database in una cartella che posizioneremo all' interno della root principale del server IIS locale. Il percorso per raggiungere tale cartella, dalla barra degli indirizzi del browser, dovrà essere: http://localhost/Esempi. Al Amomento non abbiamo ancora nulla nella nostra directory; tra poco ci metteremo qualche file. All' interno della cartella esempi, ne creiamo un' altra. Nominiamola db ed all' interno di questa dobbiamo spostare il DB database.mdb.

Con un semplice Taglia / Incolla, spostiamo database.mdb dal desktop in db.
Adesso apriamo Dreamweaver e prima di arrivare a "scrivere" nel DataBase, dobbiamo compiere qualche altra operazione. Tali operazioni sono: Definizione Sito, Creazione Connessione ed Assegnazione Permessi in lettura e scrittura alla cartella contenente il DB. Di questi tre argomenti, ho scritto in precedenza altrettanti articoli. Evito di ritornarci in quanto li potrete trovare sempre in questa sezione ASP del sito.

Creazione della pagina inserimento dati

Il "mezzo" per poter scrivere nella tabella Utenti del DB, è la pagina inserimento.asp In essa avremo tre campi di testo: Nome, Cognome e Username. Notate che ho assegnato sia per i nomi dei campi di testo che per i nomi dei campi del Database, lo stesso nome per evitare di confonderci.

Comportamento: Inserisci record

Adesso passiamo all' azione vera e propria di inserimento dati nella tabella Utenti. Aprire la pagina "inserimento.asp" in Dreamweaver e selezionare il pulsante di Invio del form. Poi aprire il pannello Applicazione, selezionare la scheda Comportamenti Server e premere sul segno +. All' apertura del menu, scegliere la voce Inserisci record. La figura in basso illustra quest' ultimo passaggio:

Appena abbiamo selezionato "l' azione" da compiere, Dreamweaver ci visualizza una finestra di dialogo nella quale dobbiamo scegliere il nome della connessione [che abbiamo già provveduto a stabilire]; il nome della tabella nella quale andiamo ad inserire i dati; la pagina di redirect che vogliamo far apparire dopo che abbiamo compilato il form. A tale proposito potreste creare una pagina che ringrazia l' utente per aver lasciato i dati ecc... Nella parte bassa di questa finestra di dialogo, c' è la sezione più importante dal punto di vista della compilazione del form, ma che l' utente non visualizza e sta a noi fare molta attenzione in fase di realizzazione pagina. In effeti troviamo:
Ottieni valori da: Il nome del nostro form;
Elementi modulo: Il nome che abbiamo assegnato ad ogni singolo campo di testo, come prima ho scritto, sarebbe meglio fosse uguale a quello del nome del campo della tabella del DB. Fatto questo piccolo ma importantissimo passaggio, clicchiamo OK in alto a destra della finestra di dialogo ed essa verrà chiusa.

La figura di seguito inserita, illustra anche questo passaggio.

Il form che avevamo prima adesso ha assunto un colore verde chiaro. Questo significa che da questo momento in poi esso è un elemento "dinamico" secondo Dreamweaver.
Facciamo una prova richiamando la pagina attraverso il browser. Digitando http://localhost/Esempi/inserimento.asp, compiliamo il form ed inseriamo qualche nome di fantasia. Aprire il Database ACCESS. Vediamo i record che abbiamo appena scritto? Se la risposta è positiva, tutto è andato bene. Diversamente..... riprovare.