EC blog

Questo breve tutorial illustra alcune delle funzionalità del noto software Dreamweaver Ultradev (versione 8 - per windows e mac – www.macromedia.com) per la costruzione semplice e veloce di pagine dinamiche basate su PHP + MySQL.

Con la versione 8 di ultradev è possibile, tramite semplici procedure guidate, creare pagine per l’inserimento, aggiornamento, cancellazione di record dal database, visualizzazione dei risultati di un recordset (cioè tuple risultanti da una query) ecc…

In questo tutorial lavoreremo offline e verrà impiegato il software gratuito EasyPHP (versione 1.8 – www.easyphp.org), che integra MySQL server, il web server Apache con l’interprete PHP e il famoso PHPMyAdmin (front-end completo per la gestione dei database).
Verranno di seguito mostrati i passaggi per creare pagine di inserimento e visualizzazione record (nel nostro caso prodotti di un negozio).

passo 1 – creazione database e tabelle
dopo aver installato e lanciato easyphp, con PHPMyAdmin (tasto destro sull’icona di easyphp -> configurazione -> phpmyadmin) è possibile creare il nostro database e inserire le tabelle, con una procedura guidata o tramite immissione di query.
Creiamo il database negozio e inseriamo, tramite la procedura guidata di phpmyadmin, la tabella prodotti composta da: campo id (INT di lunghezza 5, auto_increment, chiave primaria), nome (VARCHAR di lunghezza 255), descrizione (TEXT), data (DATE).
Notare che il campo id (intero di 5 cifre), chiave primaria, e ci permette di identificare univocamente il prodotto nella tabella.

 

passo 2 - impostazione sito in dreamweaver
Dal menu sito di Dreamweaver creiamo un nuovo sito, nella scheda Informazioni locali inseriamo il nome del sito e la cartella dove verranno salvati i file.
Impostiamo come cartella c:\programmi\easyphp1-8\www\sito_negozio (qui verranno salvati i file del sito con i contenuti e le connessioni).
Nella scheda Server di prova impostiamo il modello server su PHP MySQL, accesso Locale/rete, Prefisso URL http://localhost/sito_negozio.

Passo 3 - creazione connessione e pagina inserimento prodotti

Creiamo una nuova pagina dinamica PHP e salviamola come inserisci_prodotto.php.

Dalla finestra Applicazione (richiamabile se non visualizzata dal menu Finestra/Database), scheda Database, clicchiamo sul pulsante “+” e creiamo una connessione MySQL al database.

 

 

I parametri di connessione per MySQL in locale sono per default:
Server = localhost
Nome utente = root
Password = <nessuna>
Chiamiamo la connessione conn e specifichiamo negozio come Database. Clicchiamo su Prova per controllare di non aver commesso errori.

 

 

 Procediamo ora alla creazione del form per l’inserimento dei prodotti.
Dal menu scegliamo: inserisci -> Oggetti applicazione -> Inserisci record -> Procedura guidata modulo inserimento record.

 

 Nella finestra che appare scegliamo la nostra connessione e la tabella prodotti.
Nella parte inferiore compaiono i campi della nostra tabella, possiamo aggiungerli o toglierli. Per ognuno di essi è possibile specificare un valore predefinito e come visualizzarlo nel form.
Nel nostro caso il campo id (chiave primaria) della tabella è auto_increment (contiene un intero automaticamente incrementato e univoco nel database), quindi possiamo toglierlo dai campi per l’inserimento. Visualizziamo il campo descrizione come Area di testo e come valore predefinito del campo data inseriamo <?=date("Y-m-d")?> (codice php che stampa la data corrente nel formato data di MySQL).

Confermando, nella nostra pagina viene automaticamente inserito il form e il codice per l’inserimento.

Ciccando su file -> visualizza anteprima nel browser, viene lanciata la pagina sul browser dopo che EasyPHP l’ha processata e possiamo già iniziare a inserire dati nella tabella tramite il form creato.
Non avendo ancora creato la pagina con la visualizzazione dei prodotti, possiamo visualizzare e controllare gli inserimenti fatti con PHPMyAdmin.

Passo 4 - creazione pagina visualizzazione prodotti
Creiamo la pagina visualizza.php e nella scheda Associazioni della finestra Applicazione aggiungiamo un recordset (interrogazione).
Nella finestra che compare lasciamo il nome Recordset1, scegliamo la connessione conn, tabella prodotti e scegliamo tutti i campi tranne id, ordiniamo per data descrescente.
Cliccando su avanzate è possibile eventualmente modificare la query.
Confermiamo ciccando su OK.

Ora dalla finestra associazioni trasciniamo i vari campi nel documento e formattiamoli a nostro piacimento, così come vogliamo che appaia il singolo prodotto.

 

Ora selezioniamo tutto il contenuto relativo al prodotto ( nell’esempio in figura corrisponde a tutto il documento) e dalla scheda Comportamenti server, aggiungiamo una Area ripetuta.
Specifichiamo di mostrare Tutti i record e confermiamo.
Attorno alla selezione precedentemente fatta dovrebbe comparire un riquadro con etichetta Ripeti (Vedi figura).
Se abbiamo già inserito qualche prodotto, da File -> visualizza anteprima nel browser possiamo vedere visualizzato l’elenco dei prodotti inseriti.

Nella scheda Comportamenti server della finestra Applicazione sono elencate gli oggetti applicazione da noi inseriti: nel nostro caso abbiamo un recordset, un’area ripetuta e testo dinamico. Ciccando su ognuno di essi possiamo editarne le caratteristiche.

 Altre funzionalità
Dal menu inserisci -> Oggetti applicazione possiamo in modo analogo creare pagine per eliminare o aggiornare i record. Sono presenti funzionalità anche per l’autenticazione utente e la navigazione fra record su più pagine.

Note sulla pubblicazione online
Per trasferire il nostro sito online dobbiamo avere un MySQL server accessibile dal nostro spazio web con i relativi parametri di connessione (indirizzo server, username, password).

Specificando in dreamweaver i giusti parametri possiamo operare direttamente sul nostro server MySQL online e vedere direttamente sul web i risultati. In alternativa, se vogliamo lavorare offline o ci risulta più comodo, si può lavorare come in questo tutorial con EasyPHP.
In questo secondo caso, prima dell’upload, dobbiamo cambiare i dati della connessione o eventualmente editare il file conn.php (nella cartella Connections del sito). Le tabelle vanno chiaramente esportate o ricreate sul nuovo database server.

Conclusioni
Il software, disponibile in versione trial e utilizzabile per un periodo di 30 giorni, consente di risparmiare molto tempo per le procedure ripetitive, evitando di creare a mano i form, le connessioni, le varie query e i controlli sulle codifiche dei parametri passati fra le pagine.

Per motivi di spazio alcune procedure sono state molto sintetizzate.

Spero che l’articolo possa essere utile a qualcuno. Se avete domande, richieste di chiarimenti o infamazioni contattatemi pure.