Capitolo 1

Il Tutorial di Dreamweaver UltraDev 

Questo tutorial ti mostra come costruire una semplice applicazione Web usando Dreamweaver UltraDev. Creerai una directory Web per una finta compagnia di viaggi avventurosi chiamata Compass. La directory darà ad impiegati della Compass la possibilità di percorrere e trovare ulteriori informazioni sui loro aiutanti. Lungo la strada, imparerai a costruire le seguenti pagine: 

-          Due gruppi di pagine di ricerca/risultati, con una semplice richiesta di nessuna conoscenza dell'SQL (Structured Query Language, un comune linguaggio di database), ed un gruppo più avanzato che richiede un po' di conoscenza dell'SQL.

-          Una pagina di dettaglio per visualizzare le informazioni sui particolari impiegati, incluso la loro fotografia.  

-          Una pagina insert che permette all'amministratore del sito di inserire il record del  nuovo impiegato nel database con un Web brwser. 

Questo tutorial comprende anche i seguenti unici compiti: 

-          Definire un sito locale così da poter sviluppare l'applicazione Web sul tuo sistema locale.  

-          Definire un sito remoto così da poter mostrare l'applicazione su un server Web. 

-          Configurare UltraDev per lavorare col tuo server applicazione scelto. 

-          Creare un collegamento del database così da poter interloquire col database del tutorial. 

Per completare questo tutorial, hai bisogno di un server Web e del seguente software installato e configurato sul server:  

-          Un server di applicazione  che supporti la tua tecnologia scelta per il server (ASP, JSP o ColdFusion).  

Nota: Microsoft Personal Web Server ed Internet Information Server (IIS) sono equivalenti come server applicazione ASP. Non hai bisogno di altro software per eseguire applicazioni ASP su questi server  

-          Un database driver che supporti il database Microsoft Access 97.  

Il modo più facile per soddisfare queste richieste è di ottenere un periodo di prova con un Internet service provider (ISP) raccomandato da Macromedia. Per maggiori informazioni, vedi il sito Web di Macromedia a http://www.macromedia.com / il software/ultradev/isp /  

Se non devi usare le configurazioni di sistema descritte nelle sezioni di avvio rapido, completa le procedure nelle seguenti sezioni  

-          " Definire un sito locale" 

-          " Definire un sito remoto"  

-          " Configurare UltraDev per lavorare col tuo server applicazione" 

-          " Creare un collegamento del database" 

Tutorial di inizio rapido per gli utenti Windows 

Se scegli di non iscriverti per un trial account, questa sezione descrive un modo rapido per gli utenti Windows per iniziare a lavorare sul tutorial. La sezione ti guida attraverso i seguenti passi:  

-          Configura il tuo computer 

-          Configura UltraDev 

-          Crea un database di connessione.  

Configurare il tuo computer  

Ecco la confiugurazione più semplice del sistema per gli utenti Windows. 

Per configurare il tuo computer:  

1 se sei un utente Windows 95, 98, o NT Workstation, installa Microsoft Personal Web Server (PWS). 

2 se sei un Server Windows NT o sei utente di Windows 2000, assicurati di aver installato Internet Information Server (IIS) e che sul tuo sistema IIS giri la versione completa di PWS. Già dovrebbe essere installato sul tuo sistema. Se non lo è, installalo o chiedi al tuo amministratore di sistema installarlo per te  

3 se vuoi eseguire il tutorial ColdFusion, installa il ColdFusion Server sul tuo sistema.  

4 se vuoi eseguire il tutorial JSP, installa i seguenti componenti sul tuo sistema:  

-          Java 2 SDK, Edizione Standard, per Windows 

Il driver Sun JDBC-ODBC si installa automaticamente quando installi l'SDK. Puoi caricare l'SDK dal sito Sun Web a http: / / java.sun.com/j2se /  

-          Un server di applicazione  che implementi le specifiche di Sun JavaServer Pages 1.0 

5 Crea una sotto cartella nella cartella c:\Inetpub\wwwroot e chiamala MyTutorialSite Ecco la struttura della cartella corretta:  c:\Inetpub\wwwroot\MyTutorialSite. 

Configurare UltraDev 

Ecco come configurare UltraDev per lavorare con la configurazione del sistema delineata nella sezione precedente 

Per configurare UltraDev: 

1 Avvia UltraDev e scegli Site> Define Sites. 

Appare il dialog box Define Sites. 

2 seleziona il tutorial site predefinito ASP, ColdFusion, o JSP e clicka su Edit. 

UltraDev definisce i siti del tutorial durante l'installazione. 

3 clicka su Remote Info e completa il dialog box come segue: 

Access: Local/Network Remote Folder: c:\Inetpub \wwwroot \MyTutorialSite 

4 se vuoi fare il tutorial ASP, clicka su Application Server e completa il 

dialog box come segue: 

Server Model: ASP 2.0 

Scripting Language: VBScript o JavaScript 

Page Extension: .asp 

Access: Local/Network 

Remote Folder: c:\Inetpub \wwwroot \MyTutorialSite 

URL Prefix: http://localhost/MyTutorialSite 

5 se vuoi fare il tutorial ColdFusion, clicka su Application Server e completa il dialog box come segue:

Server Model: ColdFusion 4.0 

Scripting Language: CFML 

Page Extension: .cfm 

Access: Local/Network 

Remote Folder:  c:\Inetpub \wwwroot \MyTutorialSite URL Prefix:  

http://localhost/MyTutorialSite.Dreamweaver UltraDev  

6 se vuoi fare il tutorial JSP, clicka su Application Server e completa il dialog box come segue: 

Server Model: JSP 1.0 

Scripting Language: Java 

Page Extension: .jsp 

Access: Local/Network 

Remote Folder: c:\Inetpub \wwwroot \MyTutorialSite 

URL Prefix: http://localhost/MyTutorialSite 

7 ckica su OK. 

8 clicka su Done. 

9 seleziona tutti i files sotto Local Folder, incluso la cartella delle immagini e clicka sulla freccia blu sul toolbar per caricarli al sito remoto. 

Creare un collegamento del database 

Un collegamento del database permette alla tua applicazione Web di trovare ed usare un database. Devi creare i diversi collegamenti del database per il tutorial ASP, ColdFusion, e JSP. 

Per creare un collegamento del database per il tutorial ASP: 

1 in UltraDev, scegli Connections dal menu Modify. 

Appare il dialog box Connections. 

2 clicka sul bottone New e scegli Data Source Name (DSN) dal pop-up menu. 

Appare il dialog box Data Source Name (DSN). 

3 inserisci il seguente nome per il nuovo collegamento: connCompass. 

Una pratica comune è di aggiungere il prefisso conn ai nomi di collegamento per distinguerli dagli altri nomi oggetto nel tuo codice. 

4 Scegli CompassTravel dall'elenco DSNs. 

UltraDev crea il CompassTravel DSN quando viene installato. 

5 clicka su Test. 

UltraDev tenta di connettersi al database. Se il collegamento non avviene, ricontrolla il DSN. Se il collegamento ancora non avviene, controlla il tuo prefisso URL per l'server di applicazione . 

6 ckica su OK. 

Il tuo nuovo collegamento dovrebbe apparire adesso nel dialog box Connections. 

7 clicka su Done per chiudere il dialog box Connections. 

Puoi avviare adesso il tutorial di UltraDev.  

Per creare un collegamento del database per il tutorial ColdFusion: 

1 in UltraDev, scegli Connections dal menu Modify. 

Appare il dialog box Connections. 

2 clicka sul bottone New e scegli Data Source Name dal pop-up menu. 

UltraDev chiede per il tuo ColdFusion il nome utente e la password. 

3 inserisci il nome utente la password che usi come login in ColdFusion Administrator. 

UltraDev recupera il ColdFusion DSNs e visualizza il dialog box Data Source Name. 

4 inserisci il seguente nome per il nuovo collegamento: connCompass. 

Una pratica comune è di aggiungere il prefisso conn ai nomi di collegamento per distinguerli dagli altri nomi oggetto nel tuo codice. 

5 Scegli CompassTravel dall'elenco DSNs. 

UltraDev crea il CompassTravel DSN quando viene installato. 

6 clicka su Test. 

UltraDev tenta di connettersi al database. Se il collegamento non avviene, ricontrolla il DSN. Se il collegamento ancora non avviene, controlla il tuo prefisso URL per l'server di applicazione . 

7 ckica su OK. 

Il tuo nuovo collegamento dovrebbe apparire adesso nel dialog box Connections. 

8 clicka su Done per chiudere il dialog box Connections. 

Puoi avviare adesso il tutorial di UltraDev.  

Per creare un collegamento del database per il tutorial JSP: 

1 in UltraDev, scegli Connections dal menu Modify. 

Appare il dialog box Connections. 

2 clicka sul bottone New e scegli "ODBC Database (Sun JDBC-ODBC Driver)" dal pop-up menu. 

Appare il dialog box ODBC Database (Sun JDBC-ODBC Driver). 

3 inserisci un nome per il nuovo collegamento. 

4 sostituisci il placeholder [odbc dsn] nel box dell'URL con CompassTravel. 

Il box dell'URL dovrebbe sembrare così: 

jdbc:odbc:CompassTravel 

5 clicka su Test. 

UltraDev tenta di connettersi al database. Se il collegamento non avviene, ricontrolla il DSN. Se il collegamento ancora non avviene, controlla il tuo prefisso URL premettono per l'applicazione. 

6 ckica su OK. 

Il tuo nuovo collegamento dovrebbe apparire adesso nel dialog box Connections. 

7 clicka su Done per chiudere il dialog box Connections. 

Puoi avviare adesso il tutorial di UltraDev.  

Tutorial inizio rapido per gli utenti Macintosh 

Se scegli di non iscriverti per un trial account, questa sezione descrive un modo rapido per gli utenti Macintosh per iniziare a lavorare sul tutorial. La sezione ti guida attraverso i seguenti passi:  

-          Configura il tuo server 

-          Configura UltraDev sul Macintosh 

-          Crea un collegamento del database 

Poichè i più popolari server Web e server applicazione non supportano ancora il Macintosh, hai bisogno di un altro computer per eseguire il software del server. Questa sezione presume che tu abbia accesso ad un Server Windows NT o a un computer Windows 2000 che giri con Internet Information Server (IIS), un server Web commerciale comune. 

Configurare il tuo server 

Questa sezione presume che to abbia accesso ad un Server Windows NT o a un computer Windows 2000. 

Per configurare il server: 

1 se non lo è già fatto, installa Internet Information Server (IIS) sul server.  

IIS già dovrebbe essere installato sul sistema. Se non lo è, installalo o chiedi al tuo amministratore del sistema installarlo per te. 

2 se vuoi fare il tutorial ColdFusion, installa ColdFusion Server sul server. 

3 se vuoi fare il tutorial JSP, installa i seguenti componenti sul Server Windows:  

-          Java 2 SDK, Edizione Standard per Windows, il dirver Sun JDBC-ODBC Bridge è già installato automaticamente quando tu installi SDK. Puoi caricare SDK dal sito Web di Sun a http: / / java.sun.com/j2se /. 

-          Un server di applicazione  che implementi la spedifica di JavaServer Pages 1.0 

4 sul server Windows, crea una sotto cartella nella cartella c:\Inetpub\wwwroot e chiamala MyTutorialSite. 

Ecco la struttura della cartella corretta:  c:\Inetpub\wwwroot\MyTutorialSite 

5 copia il file del tutorial database sul server. 

Il file del database di Microsoft Access, compasstravel.mdb, è localizzato sul tuo hardisk Macintosh nella cartella Tutorial della cartella delle applicazioni di Dreamweaver UltraDev. 

6 sul server, prepara un DSN chiamato "CompassTravel" che punta al database del tutorial copiato sul server. 

Configurare UltraDev sul Macintosh 

Ecco come configurare UltraDev sul Macintosh per lavorare con la configurazione del sistema delineata nella sezione precedente. 

Per configurare UltraDev sul Macintosh: 

1 Avvia UltraDev e scegli Site> Define Sites. 

Appare il dialog box Define Sites. 

2 seleziona il sito tutorial predefinito ASP, ColdFusion, o JSP e clicka su Edit. 

UltraDev definisce i siti del tutorial durante l'installazione. 

3 clicka su Remote Info e completa il dialog box come segue: 

Access: FTP 

FTP Host: MyFTPHost 

Host Directory: MyTutorialSite / 

Login: MyUserName 

Password: MyPassword 

4 se vuoi fare il tutorial ASP, clicka su Application Server e completa il dialog box come segue: 

Server Model: ASP 2.0 

Scripting Language: VBScript o JavaScript 

Page Extension: .asp 

Access: FTP 

FTP Host: MyFTPHost 

Host Directory: MyTutorialSite / 

Login: MyUserName 

Password: MyPassword 

URL Prefix: http://MyDomainName /MyTutorialSite. 

5 se vuoi fare il tutorial ColdFusion, clicka su Application Server e completa il dialog box come segue: 

Server Model: ColdFusion 4.0 

Scripting Language: CFML 

Page Extension: .cfm 

Access: FTP 

FTP Host: MyFTPHost 

Host Directory: MyTutorialSite / 

Login: MyUserName 

Password: MyPassword 

URL Prefix: http://MyDomainName /MyTutorialSite 

6 se vuoi fare il tutorial JSP, clicka su Application Server e completa il dialog box come segue: 

Server Model: JSP 1.0 

Scripting Language: Java 

Page Extension: .jsp 

Access: FTP 

FTP Host: MyFTPHost 

Host Directory: MyTutorialSite / 

Login: MyUserName 

Passw ord: MyPassword 

URL Prefix: http://MyDomainName /MyTutorialSite 

7 ckica su OK. 

8 clicka su Done. 

9 seleziona tutti i files sotto Local Folder, incluso la cartella delle immagini e clicka sulla freccia blu sul toolbar per caricarli al sito remoto. 

Creare un collegamento del database 

Un collegamento del database permette alla tua applicazione Web di trovare ed usare un database. Devi creare i diversi collegamenti del database per il tutorial ASP, ColdFusion, e JSP. 

Per creare un collegamento del database per il tutorial ASP: 

1 in UltraDev, scegli Connections dal menu Modify. 

Appare il dialog box Connections. 

2 clicka sul bottone New e scegli Data Source Name (DSN) dal pop-up menu. 

Appare il dialog box Data Source Name (DSN).  

3 inserisci il seguente nome per il nuovo collegamento: connCompass. 

Una pratica comune è di aggiungere il prefisso conn al nome del collegamento per distinguerli dagli altri oggetti nel tuo codice. 

4 nel box Data Source Name (DSN), inserisci CompassTravel. 

Questo è il DSN che hai definito sul server. 

5 clicka su Test. 

UltraDev tenta di connettersi al database. Se il collegamento non avviene, ricontrolla il DSN. Se il collegamento ancora non avviene, controlla il tuo prefisso URL per l'server di applicazione . 

6 ckica su OK. 

Il tuo nuovo collegamento dovrebbe apparire adesso nel dialog box Connections. 

7 clicka su Done per chiudere il dialog box Connections. 

Puoi avviare adesso il tutorial di UltraDev.  

Per creare un collegamento del database per il tutorial ColdFusion: 

1 in UltraDev, scegli Connections dal menu Modify. 

Appare il dialog box Connections. 

2 clicka sul bottone New e scegli Data Source Name dal pop-up menu. 

UltraDev chiede per il tuo ColdFusion il nome utente e la password. 

3 inserisci il nome utente la password che usi come login in ColdFusion Administrator.  

UltraDev si connette al server, recupera il ColdFusion DSNs, e visualizza il dialog box Data Source Name. 

4 inserisci il seguente nome per il nuovo collegamento: connCompass. 

Una pratica comune è di aggiungere il orefisso conn al nome del collegamento per distinguerli dagli altri oggetti nel tuo codice. 

5 Scegl CompassTravel dall'elenco di DSNs 

Questo è il DSN che hai definito sul server. 

6 clicka su Test. 

UltraDev tenta di connettersi al database. Se il collegamento non avviene, ricontrolla il DSN. Se il collegamento ancora non avviene, controlla il tuo prefisso URL per l'server di applicazione . 

7 ckica su OK. 

Il tuo nuovo collegamento dovrebbe apparire adesso nel dialog box Connections. 

8 clicka su Done per chiudere il dialog box Connections. 

Puoi avviare adesso il tutorial di UltraDev.  

Per creare un collegamento del database per il tutorial JSP: 

1 in UltraDev, scegli Connections dal menu Modify. 

Appare il dialog box Connections. 

2 clicka sul bottone New e scegli "ODBC Database (Sun JDBC-ODBC Driver)" dal pop-up menu. 

Appare il dialog box ODBC Database (Sun JDBC-ODBC Driver). 

3 inserisci un nome per il nuovo collegamento. 

4 sostituisci il placeholder [odbc dsn] nel box dell'URL con CompassTravel. 

Il box dell'URL dovrebbe sembrare così: 

jdbc:odbc:CompassTravel. 

5 clicka su Test. 

UltraDev tenta di connettersi al database. Se il collegamento non avviene, ricontrolla il DSN. Se il collegamento ancora non avviene, controlla il tuo prefisso URL per l'applicazione. 

6 ckica su OK. 

Il tuo nuovo collegamento dovrebbe apparire adesso nel dialog box Connections. 

7 clicka su Done per chiudere il dialog box Connections. 

Puoi avviare adesso il tutorial di UltraDev.  

Definire un sito locale 

Un sito locale indica a UltraDev dove sono memorizzati sul tuo disco locale tutti i documenti e i files di un particolare sito Web. Devi definire un sito locale per sviluppare un'applicazione Web usando UltraDev. 

Quando installi UltraDev, si creano automaticamente tre siti locali: uno per il tutorial ASP, uno per il tutorial JSP, ed uno per il tutorial ColdFusion. Scegli il sito locale adatto per la tecnologia del server (ASP, JSP, o ColdFusion).  

Per scegliere un sito locale, lancia UltraDev, apri la finestra Site (Site > Site Files), e seleziona il sito pop-up menu sul toolbar. Per esempio, se hai un server ASP, seleziona il sito tutorial ASP. 

Se hai bisogno di riavviare il tutorial dall'inizio, le copie pulite dei files del tutorial sono disponibili nella cartella Tutorial nella cartella dell'applicazione di Dreamweaver UltraDev. 

Apri la cartella adatta alla tua tecnologia del server (ASP, JSP, o ColdFusion) e copia i files puliti dalla cartella Compass Intranet Backup.

Nota: Il percorso completo della cartella Tutorial varia, in funzione del punto in cui hai installato Dreamweaver UltraDev.  

Definire un sito remoto 

Puoi usare UltraDev per mostrare la tua applicazione su un server Web definendo un sito remoto. Un sito remoto indica a UltraDev dove sono memorizzati tutti i documenti e i files del tuo sito Web sul tuo server Web. 

Per definire un sito remoto, devi: 

-          Settare una cartella pubblicata sul tuo server Web 

-          Definire la cartella del sito remoto in UltraDev 

Preparare una cartella pubblicata sul tuo server Web 

Assicurati che il tuo server Web suporti ASP, JSP, o ColdFusion, poi prepara una cartella pubblicata per il tutorial sul server. Per le istruzioni del setup, vedi la documentazione del server, o consulta il tuo amministratore di sistema. 

Se usi il Microsoft Personal Web Server o Internet Information Server (IIS), il modo più facile per settare una cartella pubblicata è di aggiungere una sottocartella alla cartella c:\Inetpub\wwwroot \. Per esempio, per settare la cartella del tutorial, dovrai creare la seguente sottocartella:  c:\Inetpub\wwwroot\MyTutorial 

Dopo, devi definire la cartella di MyTutorial come cartella del sito remoto della tua applicazione tutorial. 

Definre la cartella del sito remoto in UltraDev 

In UltraDev, tu definisci la cartella di sito remota del tutorial specificando la cartella pubblicata settata sul server Web, caricandoci poi tutti i files del tutorial. 

1 scegli Site> Define Sites. 

Un dialog box appare per elencare i siti attualmente definiti. 

2 seleziona il tuo sito del tutorial dall'elenco e clicka su Edit. 

3 nella lista Category sulla sinistra, clicka su Remote Info. 

4 scegli una delle seguenti opzioni Access: Local/Network o FTP. 

5 se scegli Local/Network, clicka sull'icona della cartella e seleziona la cartella che hai settato come una cartella pubblicata sul tuo server Web. Esempio: 

c:\Inetpub\wwwroot\MyTutorial. 

6 se scegli FTP, inserisci il nome host dell'FTP host, ed inserisci il nome della directory host sul sito remoto. La directory host è il posto in cui sono memorizzati tutti i documenti visibili al pubblico. Dopo, inserisci il login e la password usati per 

connetterti al server FTP, e  seleziona le opzioni firewall adatte. 

7 ckica su OK e clicka su Done. 

8 nella finestra Site (Site> Site Files), verifica di avere specificato la cartella corretta sul sito remoto. Se stai usando l'FTP, clicka sul bottone Connect per vedere il sito remoto. 

9 seleziona tutti i files sotto Local Folder, incluso la cartella Images e clicka sulla freccia blu sul toolbar per caricarli sul sito remoto. 

Configurare UltraDev per lavorare con la tua server di applicazione  

Devi specificare che genere di server di applicazione  stai usando (ASP, JSP, o ColdFusion) così che UltraDev sappia che scripts server-side inserire nelle tue pagine dinamiche. Devi specificare anche un prefisso URL così che UltraDev possa prelevare i servizi dell'server di applicazione  durante il disegno. Fra le altre cose, UltraDev usa l'server di applicazione  durante il disegno per attivare la finestra Live Data e stabilire i collegamenti ai database. 

La finestra Live Data è un ambiente completamente funzionale per il disegno e l'editing che mostra il contenuto dinamico della tua pagina durante il disegno. 

Specificare una tecnologia del server 

Per questo tutorial, non hai bisogno di specificare una tecnologia del server. Durante l'installazione, UltraDev la specificato automaticamente per te. 

Le tecnologie del server come ASP, JSP, e ColdFusion danno ad un server Web la facoltà di cambiare le pagine Web in run time. Una pagina dinamica essenzialmente è quella pagina che si modifica run time. 

Specificare una tecnologia del server indica ad UltraDev che scripts server-side inserire nelle tue pagine. Uno scripts server-side è un gruppo di istruzioni che il serve esegue run time. In UltraDev, questi scripts sono chiamati comportamenti del server. 

Specificare un prefisso URL 

Devi specificare un prefisso URL così che UltraDev possa prelevare i servizi della tua server di applicazione  durante il disegno. 

1 scegli Site> Define Sites. 

Il dialog box che appare elenc i siti attualmente definiti. 

2 seleziona il tuo sito del tutorial e clicka su Edit. 

3 nella lista Category sulla sinistra, clicka su Application Server. 

4 verifica il prefisso URL nel box URL Prefix. 

UltraDev tenta di determinare il tuo prefisso URL in base ai settaggi per il tuo sito remoto. Se la supposizione di UltraDev è sbagliata, correggi il prefisso URL. 

Il prefisso URL è l'URL che gli utenti scrivono nei loro browser per aprire la tua applicazione Web, meno il nome del file alla fine. Per esempio, se l'URL del tuo tutorial è http://www.macromedia.com/MyTutorial/Search.htm, inserisci il seguente prefisso URL: 

http://www.macromedia.com/MyTutorial / 

Se UltraDev gira sullo stesso sistema del tuo server Web, puoi usare il termine "localhost " al posto del tuo nome di dominio. Per esempio, se l'URL locale della tua applicazione è http://buttercup_pc/MyTutorial/Search.htm, puoi inserire il seguente prefisso URL: 

http://localhost/MyTutorial / 

5 ckica su OK, poi clicka su Done. 

Crea un collegamento del database 

Un collegamento del database è un gruppo di parametri che definisci per stabilire un collegamento ad un database. Senza di esso, la tua applicazione non saprà dove trovare il database o come parlargli. In questa parte del tutorial, creerai un collegamento al file database tutorial, compasstravel.mdb. 

Richieste del Driver 

Il database del tutorial è un fille Microsoft Access. Non hai bisogno di Microsoft Access per eseguire il tutorial, ma di un driver capace di leggere i files di Microsoft Access 97. Il driver permette alla tua applicazione Web di leggere i contenuti del file del database.  

Se sei uno sviluppatore ASP o ColdFusion, devi installare sul tuo server ASP o ColFusion un driver ODBC capace di leggere i files di Access 97. 

Se il tuo server Web gira su un sistema Windows remoto o locale, il driver richiesto probabilmente è già installato. Per saperlo, in Windows scegli Start > Settings > pannello di controllo, poi cerca l'icona ODBC Data Sources. (In funzione del tuo sistema, l'icona potrebbe essere chiamata anche ODBC or 32bit ODBC.) Se l'icona non c'è, carica ed installa Microsoft Data Access Components (MDAC) 2.5, che installeranno il mancante driver Access. 

Se l'icona ODBC Data Sources è presente, un doppio click su di essa. Appare il dialog box ODBC Data Sources Administrator. Clicka sulla tab Drivers per vedere un elenco dei drivers installati sul tuo sistema. Cerca Microsoft Access Driver, version 3.5 o superiore. 

Se il driver Microsoft Access (* .mdb) non appare nell'elenco, carica ed installa  MDAC che installerà il driver Access mancante. 

Puoi caricare il MDAC dal sito Web di Microsoft a http: / / 

www.microsoft.com/data/download.htm. 

Se sei uno sviluppatore JSP, dev'essere installato sul tuo server JSP un driver JDBC idoneo alla lettura dei files Access 97. Per maggiori informazioni suio drivers JDBC e sul loro venditore, vedi il database caricabile dei drovers JDBC sul sito Sun Web a http: / /industry.java.sun.com/products/jdbc/drivers. 

Creare una connessione al database: Utenti ASP 

Prima di iniziare a costruire la directory degli impiegati di Compass, devi creare un collegamento al file database tutorial, compasstravel.mdb. 

Se installi UltraDev su un sistema Windows, durante installazione un DSN al database del tutorial viene stato settato sul tuo sistema. Dovrai usare questo DSN se avvii anche il tuo server Web sullo stesso sistema, ovvero, se usi Personal Web Server in Windows, o se installi UltraDev sul Server di Windows NT o Windows 2000. 

Se il tuo server Web gira su un sistema Windows remoto, puoi definire un nome di dati sorgente (DSN) sul server remoto, allora usa questo DSN in UltraDev per creare un semplice collegamento del database. Un DSN è una specie di shortcut ad un database. Se non è stato settato sul sistema in cui gira il tuo server Web, alcun DSN, allora tu devi usare una stringa di collegamento per creare il collegamento. 

Per creare un collegamento del database nel caso in cui non sia stato settato un DSN sul tuo server Web: 

1 nella finestra del Documento di UltraDev, scegli Modify> Connections. 

Appare il dialog box Connections. 

2 clicka su New e scegli Data Source Name (DSN) dal pop-up menu. 

Appare il dialog box Data Source Name (DSN). 

3 nel box Connection Name, inserisci connCompass. 

Una pratica comune è di aggiungere il prefisso conn al nome del collegamento per distinguerli dagli altri nomi dell'oggetto nel tuo codice. 

4 se la tua server di applicazione  gira sul tuo computer locale, scegli CompassTravel dall'elenco DSNs. 

5 se la tua server di applicazione  gira su un computer remoto, inserisci CompassTravel nel box Data Source Name (DSN). 

6 ckica su OK per terminare la definizione del collegamento. 

Il tuo nuovo collegamento, connCompass appare nel dialog box Connections. 

7 clicka su Done per chiudere il dialog box Connections. 

Per creare un collegamento del database se non è stato settato sul tuo server Web un DSN: 

1 nella finestra del Documento di UltraDev, scegli Modify> Connections. 

Appare il dialog box Connections. 

2 clicka su New e scegli Custom Connection String dal pop-up menu. 

Appare il dialog box Custom Connection String. 

3 nel box Connection Name, inserisci connCompass. 

Una pratica comune è di aggiungere il prefisso conn al nome del collegamento per distinguerli dagli altri nomi dell'oggetto nel tuo codice. 

4 nel box Connection String inserisci una stringa di collegamento al file di database Compass, compasstravel.mdb, localizzato sul server Web. 

5 specifica come UltraDev si dovrà connettere al database durante il disegno: 

-          Se il driver specificato nella stringa di collegamento è localizzato su un sistema remoto, seleziona l'opzione Using Driver on Application Server. 

-          Se il driver specificato nella stringa di collegamento è localizzato sul sistema locale (ovvero, il tuo server Web gira sullo stesso sistema Windows sul quale gira UltraDev), seleziona l'opzione Using Driver on This Machine. 

6 ckica su OK per chiudere il dialog box Custom Connection String. 

Il tuo nuovo collegamento, connCompass appare nel dialog box Connections. 

7 clicka su Done per chiudere il dialog box Connections. 

Crea un collegamento del database: utenti ColdFusion 

Prima di iniziare a costruire la directory degli impiegati di Compass, devi creare un collegamento al file database tutorial, compasstravel.mdb. 

1 se ColdFusion Server non gira sullo stesso sistema in cui gira la tua copia di UltraDev, usa il ColdFusion Administrator per definire un nome dei dati sorgente (DSN) sul sistema remoto. 

Per le istruzioni, vedi la documentazione ColdFusion o consulta il tuo amministratore di sistema. 

2 nella finestra del Documento di UltraDev, scegli Modify> Connections. 

Appare il dialog box Connections. 

3 clicka su New e scegli Data Source Name dal pop-up menu. 

UltraDev chiede per il tuo ColdFusion il nome utente e la password. Scrivi lo stesso nome utente e password che usi come login nel ColdFusion Administrator. Dopo averli inseriti, UltraDev si connette, recupera il ColdFusion DSNs, e visualizza il dialog box Data Source Name. 

4 nel box Connection Name, inserisci connCompass. 

Una pratica comune è di aggiungere il prefisso conn al nome del collegamento per distinguerli dagli altri nomi dell'oggetto nel tuo codice. 

5 scegli CompassTravel dall'elenco di DSNs. 

6 ckica su OK per terminare la definizione del collegamento. 

Il tuo nuovo collegamento, connCompass appare nel dialog box Connections. 

7 clicka su Done per chiudere il dialog box Connections. 

Creare una connessione database: utenti JSP 

Prima di iniziare a costruire la directory degli impiegati di Compass, devi creare un collegamento JDBC al file database tutorial, compasstravel.mdb. 

1 nella finestra del Documento di UltraDev, scegli Modify> Connections. 

Appare il dialog box Connections. 

2 clicka su New e scegli tuo driver dal pop-up menu. Se il tuo driver non appare, scegli Custom JDBC Connection. 

Appare un dialog box di connessione. 

3 nel box Connection Name, inserisci connCompass. 

Una pratica comune è di aggiungere il prefisso conn al nome del collegamento per distinguerli dagli altri nomi dell'oggetto nel tuo codice. 

4 Inserisci i parametri di collegamento del driver JDBC. 

Per i parametri specifici del tuo driver, vedi la sua documentazione o consulta il tuo amministratore del sistema. Per esempio, supponi che il file database compasstravel.mdb stia su un sistema JSP-enabled Windows NT Server e di aver preparato un DSN chiamato CompassTravel sul server. Se stai usando il driver Sun JDBC-ODBC, dovrai inserire i seguenti parametri di collegamento: 

Driver: s jdbc.odbc.JdbcOdbcDriver 

URL: j odbc:CompassTravel 

Use  Name: 

Password: 

5 specifica come UltraDev debba connettersi al database durante il disegno: 

-          Se il driver specificato nelb box Driver è localizzato su un sistema remoto, seleziona l'opzione Using Driver on Application Server. 

-          Se il driver specificato nel box Driver è localizzato sul sistema locale (ovvero, il tuo server Web gira sullo stesso sistema Windows sul quale gira UltraDev), seleziona l'opzione Using Driver on This Machine. 

6 ckica su OK per chiudere il dialog box del collegamento. 

Il tuo nuovo collegamento, connCompass appare nel dialog box Connections. 

7 clicka su Done per chiudere il dialog box Connections.

Creare una semplice pagina search/results 

Adesso sei pronto per costruire la directory degli impiegati per il sito intranet  Compass. In questa parte del tutorial, creerai una semplice pagina search/results  che consente agli impiegati della Compass di guardare online i loro aiutanti usando un solo parametro di ricerca. Per costruire questa semplice pagina non è necessaria nessuna conoscenza SQL (Structured Query Language). 

Le pagine di ricerca e dei risultati sono state già predisposte. Il tuo lavoro è di farle lavorare insieme. Più tardi, estenderai l'applicazione con una pagina di dettaglio per visualizzare ulteriori informazioni su ogni impiegato (inclusa la fotografia dell'impiegato) e con una pagina per inserire i records del nuovo impiegato nel database. 

Tutte le informazioni sugli impiegati della Compass sono memorizzate nel file database di Microsoft Access, compasstravel.mdb. Da adesso dovresti avere un collegamento a questo database. Se non c'è, vedi "Create a database connection". Il tutorial non funzionerà senza un collegamento a questo database. 

Preparare la pagina di ricerca 

Hai bisogno di una pagina di ricerca per ottenere i parametri di ricerca dall'utente. Una semplice pagina di ricerca usa un form HTML per ottenere un solo parametro di ricerca e sottoporlo nella pagina dei risultati sul server. Questa pagina, non la pagina di ricerca, conduce alla ricerca attuale e ne visualizza i risultati. 

Nel form HTML, specifica la pagina dei risultati che userà il parametro di ricerca raccolta nel form. 

1 assicurati che la finestra Site sia aperta. 

Scegli Window> Files Site per visualizzare la finestra Site. 

2 assicurati che il tuo sito tutorial sia selezionato, poi un doppio click sul file Search.htm sotto la Local Folder. 

Si aprirà la semplice pagina di ricerca per la directory degli impiegati della Compass. Questa pagina di ricerca consente agli utenti di condurre una ricerca dal reparto. 

3 nella finestra del Documento, seleziona il form clickando su DEPARTMENT list/ menu form object, clickando poi più a destra sul selettore del tag <form>tag. 

Il form è selezionato. 

4 assicurati che l'ispettore Property sia aperto. 

Scegli  Window > Properties per aprire l'ispettore Property. 

5 nel box Actions clicka sull'icona della cartella e scegli il file chiamato Results. 

6 nel pop-up menu Method sull'ispettore Property, scegli GET. 

Scegliere GET assicura che i parametri di ricerca siano passati al server nella stringa URL usata per aprire la pagina dei risultati. Più avanti, in questo tutorial  imparerai di più su come usare l'URL per passare i parametri. 

7 rinomina il form objects list/menu clickando su di esso, poi inserisci mnuDept nel box List/Menu sull'ispettore Property (Window > Properties). 

8 salva il lavoro (File > Save). 

Questo è tutto per la pagina di ricerca. Adesso sei pronto a costruire la pagina dei risultati che comporta la definizione di un recordset permettere la ricerca dei risultati e visualizzarli sulla pagina. 

Definire un recordset filtrato per la pagina dei risultati 

Un recordset è un sottoinsieme di dati estratto da una o più tabelle in un database. Si comporta come una sorgente di dati per le tue pagine dinamiche. 

Definirai un recordset che contiene solo i records restituiti dalla ricerca.  

Per settare una semplice pagina di search/results, puoi creare un tipo di recordset definendo un filtro. 

Comincerai a definire i contorni generali del recordset. 

1 nella finestra Site (Window > Data Bindings), un doppio click sul file Results sotto la Local Folder. 

Si apre in UltraDev la semplice pagina dei risultati per la directory degli impiegati della Compass. 

2 nel pannello Data Bindings (Window > Data Bindings), clicka sul bottone Plus (+) e scegli Recordset (Qyery) dal pop-up menu. 

Appare il dialog box simple Recordset. 

Se invece appare il dialog box Recordset avanzato, clicka su Simple. 

3 nel box Name, inserisci Results. 

Questo è il nome del tuo recordset. Non lo confondere con il nome del file della tua pagina. In questo caso, è accaduto che siano gli stessi. 

4 seleziona il collegamento connCompass dal pop-up menu Connection. 

Se non appare nel menu, clicka sul bottone Definire per crearlo.  

5 nel pop-up menu Table, scegli EMPLOYEES. 

6 nell'area Columns, clicka sull'opzione Selected per scegliere le colonne selezionate nella tabella EMPLOYEES. 

7 CTRL+Click su (Windows) o Command+Click su (Macintosh) sulle seguenti colonne nell'elenco per includerle nel recordset: EMPLOYEEID, FIRSTNAME, LASTNAME, DEPARTMENT, ed EXTENSION. 

La pagina dei risultati visualizza le informazioni da quattro di queste colonne. Includi la colonna EMPLOYEEID poichè contiene informazioni che identificano i singoli record, informazioni che diverranno più tardi utili quando costruirai una pagina di dettaglio. 

8 clicka su Test per esaminare il recordset. 

Appare un recordset che contiene i dati estratti dalla tabella del database. Ckica su OK per chiuderlo. 

Per default, il recordset contiene tutti i record nella tabella del database. Lascia che il dialog box Recordset si apra. Lo userai prossimamente per creare un filtro per rimuovere tutti i records che non soddisfanno il criterio di ricerca. 

Per creare il filtro del recordset: 

1 dal primo pop-up menu nell'area Filtro, scegli DEPARTMENT. 

Sai che il parametro di ricerca sottoposto dalla pagina di ricerca è un nome di reparto. Perciò, preparerai il filtro così che questo nome venga comparato ad ogni nome nella colonna DEPARTMENT nella tabella del database. Se il filtro ne trova uno uguale, il record è incluso nei risultati di ricerca. 

2 dal pop-up menu accanto al primo menu, seleziona il segno uguale (dovrebbe essere il default). 

Questa scelta afferma che vuoi solo quei records con valori della colonna DEPARTMENT che sono esattamente uguali al nome di reparto sottoposto dalla pagina di ricerca. 

3 dal terzo pop-up menu, scegli URL Parameter (dovrebbe essere il default).  

All'inizio sulla tua pagina di ricerca, hai specificato il metodo GET per il form HTML, assicurando che il parametro di ricerca sia passato al server nella stringa URL. Il server legge la stringa e memorizza il parametro di ricerca come parametro URL. 

4 nel quarto box, inserisci mnuDept, il nome del form object usato per raccogliere il parametro di ricerca sulla pagina di ricerca. 

Ecco come la tua sezione Filter dovrebbe sembrare: 

5 ckica su OK. 

UltraDev aggiunge il recordset al tuo elenco dei dati sorgente disponibili nel pannello Data Bindings. Per vedere i campi che hai definito per il recordset, espandi il ramo del recordset.

6 salva il lavoro (File > Save). 

Il prossimo passo è di visualizzare i risultati sulla pagina. 

Aggiungere il contenuto dinamico alla pagina dei risultati 

Dopo avere definito un recordset filtrato, puoi usare le sue colonne come sorgenti di contenuto dinamico per la tua pagina. Per la pagina dei risultati, userai le seguenti colonne (campi) come dati sorgente: FIRSTNAME, LASTNAME, DEPARTMENT, and EXTENSION. 

1 assicurati che il pannello Data Bindings sia aperto (Window > Data Bindings) ed elenca il recordset Results che hai appena definito. Espandi il ramo dei recordset's per vedere i dati sorgente necessari, chiamati, FIRSTNAME, LASTNAME, DEPARTMENT, and EXTENSION. 

Se queste colonne non appaiono nell'elenco, clicka sul bottone Plus (+) per definire un nuovo recordset.  

Comincerai ad aggiungere il dato sorgente LASTNAME alla pagina. 

2 sulla pagina, un doppio click sulla parola "LAST" per sceglierla. 

3 nel pannello Data Bindings, scegli LASTNAME e clicka su Insert, o trascina LASTNAME sopra il testo che hai selezionato sulla pagina. 

Un placeholder data sostituisce la selezione del testo sulla pagina e i necessari  scripts server-side vengono aggiunti la pagina del codice sorgente HTML. Quando il server avvia la pagina, i placeholder saranno sostituiti con dati vivi dal recordset. 4 Ripeti i passi 2 e 3 per sostituire la parola "First"  con il dato sorgente "FIRSTNAME", la parola "dept " con il dato sorgente "DEPARTMENT" e la parola " Ext " con il dato sorgente "EXTENSION".  

5 salva il lavoro (File > Save). 

Se commetti un errore, apri il pannello Server Behaviors (Window > Server Behaviors), seleziona il contenuto dinamico (uno degli articoli Dynamic Text), e clicka sul bottone Minus (-) per cancellarlo. 

Vedi il lavoro nella finestra Live Data 

Per visualizzare la pagina nella finestra Live Data, devi fornirla di un parametro URL perchè la pagina si aspetta quello da una pagina di ricerca. Per testare i risultati, puoi simulare una richiesta di ricerca scegliendo Live Data Settings dal menu View, clickando sul bottone URL Request Plus (+), ed inserendo i seguenti valori: 

-          Name: mnuDept 

-          Value: Trip Staff 

Ckica su OK per chiudere il dialog box Live Data Settings, poi scegli View > Live Data. La finestra Live Data mostra il primo record nel recordset. Per default, una pagina dinamica visualizza un solo record. Naturalmente, vorresti visualizzare tutti i record trovati, non solo uno. 

Aggiungere una regione ripetuta alla pagina dei risultati 

Spesso una ricerca restituisce più di un record. In questa parte del tutorial darai alla tua pagina la possibilità di visualizzare più di un record aggiungendoci una regione ripetuta. 

Si crea una regione ripetuta applicando il comportamento del server Repeat Region ad un elemento della pagina, in questo caso una fila della tabella. Quando i disultati della pagina girano sul tuo server, il comportamento del server Repeat Region ripeterà la fila della tabella per accomodare tutti i record nel recordset Results. Ogni fila visualizzerà il contenuto di quel record impiegato. 

1 seleziona la fila della tabella con il contenuto dinamico clickando dovunque nella fila e clickando più a destra nel selettore del tag <tr>tag. 

La fila della tabella è delineata. 

2 nel pannello Server Behaviors (Window > Server Behaviors), clicka sul bottone Plus (+) e scegli Repeat Region. 

3 nel dialog box Repeat Region, assicurati che il recordset Results sia selezionato. 

4 nell'area Show, inserisci 5. 

La pagina visualizzerà solo cinque record per volta anche se vengono trovati più di cinque records. L'utente avrà bisogno di clickare sull'icona Next per vedere gli altri records. (Attiverai più tardi nel tutorial l'icona Next.) 

5 ckica su OK. 

6 Vedi la pagina nella finestra Live Data. 

Se già stai lavorando nella finestra Live Data, clicka sul bottone Refresh (la freccia circolare) sul toolbar. Se stai lavorando nella finestra del Documento, scegli View > Live Data. 

Dove prima veniva visualizzato un solo risultato di ricerca, adesso vengono visualizzati cinque records. 

7 salva il lavoro (File > Save).  

Se commetti un errore, apri il pannello Server Behaviors (Window > Server Behaviors) e un doppio click sulla regione della ripetizione nell'elenco per editarla. 

Attivare i collegamenti di navigazione dei recordsets 

La pagina dei risultati dovrebbe permettere agli utenti di muoversi in avanti e  indietro tra i risultati se la ricerca restituisce più di cinque risultati. A questo scopo la pagina del tutorial include le immagini "Previous" e "Next". Il tuo lavoro è di attivare queste immagini così che quando un utente ci clicka sopra, la pagina visualizza più risultati (se ne esistono diversi). 

1 seleziona l'immagine "Previous" sulla pagina. 

2 nel pannello Server Behaviors, clicka sul bottone Plus (+) e scegli Move to Record> Move to Previous Record. 

Appare il dialog box Move to Previous Record. 

3 nel pop-up menu Recordset, assicurati che il recordset Results sia selezionato, poi clicka su OK. 

4 ripeti la procedura per l'immagine "Next", solo che questa volta devi scegliere Move to Record> Move to Next Record dal pop-up menu. 

5 salva il lavoro (File> Save). 

Se commetti un errore, seleziona il comportamento del server nel pannello Server Behaviors e clicka sul bottone Minus (-) per cancellarlo. 

Aggiungere un contatore di records alla pagina dei risultati 

Se le tue ricerche sono finalizzate a produrre molti risultati, puoi aggiungere un contatore di records alla tua pagina per aiutare gli utenti a tenersi aggiornati sulla posizione dei recordset. Puoi creare un contatore di record in una sola operazione usando un oggetto vivo di UltraDev. 

1 Poni il punto di inserzione nella fila sopra le immagini "Previous" e "Next". 

2 scegli Insert > Live Objects > Recordset Navigation Status. 

3 assicurati che il tuo Results recordset sia selezionato. 

4 ckica su OK. 

5 salva il lavoro (File > Save). 

UltraDev costruisce ed aggiunge il contatore di record alla tua pagina. Il contatore di record è completamente personalizzabile a parte il contenuto dinamico. 

Per vedere la pagina dei risultati completata nella finestra Live Data, clicka sul bottone Refresh sul toolbar della finestra Live Data. Se stai lavorando nella finestra del Documento, scegli View > Live Data. 

Nota: I collegamenti "Previous" e "Next"  non funzionano nella finestra Live Data. Per esaminarli, devi caricare la pagina sulla tua directory pubblicata sul server ed  aprire la pagina in un browser. 

Creare un settaggio avanzato della pagina search/results 

In questa parte del tutorial, creerai un settaggio avanzato della pagina search/results che consente agli impiegati della Compass di guardare i propri coworkers usando più di un parametro di ricerca. Costruire una pagina search/results avanzata in UltraDev richiede un po' di conoscenza dell'SQL (Structured Query Language). Il tutorial fornisce l'espressione SQL necessario per eseguire i lavori delle pagine. 

Prepara la pagina di ricerca avanzata 

La pagina di ricerca avanzata usa un form HTML per ottenere parametri di ricerca multipli e li sottopone alla pagina dei risultati sul server. Questa pagina dei risultati, non la pagina di ricerca, esegue la ricerca attuale e visualizza i risultati. 

Nel form HTML, specifica la pagina dei risultati che userà i parametri di ricerca raccolti nel form. 

1 assicurati che la finestra Site sia aperta. 

Scegli Window> Files Site per visualizzare la finestra Site. 

2 un doppio click sul file SearchAdv.htm sotto la Local Folder. 

La pagina di ricerca avanzata per la directory degli impiegati della Compass si apre in UltraDev. Questa pagina di ricerca lascia condurre agli utenti una ricerca usando l'ultimo nome dell'impiegato, del reparto, o tutti e due. 

3 nella finestra del Documento, seleziona il form clickando sull'elenco  DEPARTMENT / menu form object, clickando poi più a destra nel selettore del tagrightmost <form>tag. 

4 assicurati che l'ispettore Property sia aperto. 

Scegli  Window > Properties per aprire l'ispettore Property. 

5 nel box Actions clicka sull'icona della cartella e scegli il file ResultsAdv. 

6 nel menu Pop-up Method, scegli GET. 

Scegliere GET assicura che i parametri di ricerca siano spediti al server nella stringa URL usata per aprire la pagina dei risultati. 

7 rinomina il form objects come segue: 

-          clicka su campo del testo ed inserisci txtLastName nel box Text Field sull'ispettore Property. 

-          clicka su list/menu object ed inserisci mnuDept nel box List/Menu sull'ispettore Property. 

8 salva il lavoro (File > Save). 

Questo è tutto per la pagina di ricerca. Adesso costruirai una pagina dei risultati che comprenderà i parametri di ricerca multipli. 

Definire un recordset per la pagina dei risultati avanzata 

Aggiungerai un recordset alla pagina dei risultati che contiene solo i record restituiti dalla ricerca. Per settare una pagina search/results avanzata, crea qualche tipo di recordset scrivendo un'espressione SQL che usa i parametri di ricerca trasmessi dalla pagina di ricerca. I parametri di ricerca sono costituiti dalle variabili nell'espressione SQL che è usata poi per generare il recordset. 

1 nella finestra Site, un doppio click sul file ResultsAdv sotto la Local Folder. 

La pagina dei risultati avanzata per la directory degli impiegati della Compass si apre in UltraDev. 

2 nel pannello Data Bindings (Window > Data Bindings), clicka sul bottone Plus (+) e scegli Recordset (Qyery) dal pop-up menu.. 

Appare il dialog box simple Recordset. Clicka sul bottone Advanced per passare al dialog box Recordset avanzato. 

3 nel box Name, inserisci Results. 

4 nel pop-up menu Connection, scegli connCompass. 

Se non appare nell'elenco, clicka sul bottone Define per crearlo.  

5 nell'area Database Items in fondo al dialog box, espandi il ramo Table, poi espandi il ramo EMPLOYEES. 

Adesso costruirai la clausola Select. 

6 scegli EMPLOYEEID nell'area Database Items e clicka sul bottone Select. 

7 scegli FIRSTNAME e clicka sul bottone Select. 

8 scegli LASTNAME  e clicka sul bottone Select. 

9 scegli DEPARTMENT e clicka sul bottone Select. 

10 scegli EXTENSION e clicka sul bottone Select. 

11 nell'area del testo SQL, inserisci la seguente linea sotto FROM EMPLOYEES: 

WHERE LASTNAME LIKE 'varLastName'AND DEPARTMENT LIKE 'varDept' 

La completa espressione nell'area del testo SQL dovrebbe sembrare come segue: 

SELECT EMPLOYEEID,LASTNAME,FIRSTNAME,DEPARTMENT,EXTENSION ¼ FROM EMPLOYEES WHERE LASTNAME LIKE 'varLastName'AND ¼ DEPARTMENT LIKE 'varDept' 

Per cercare di capire capire questa sintassi SQL, vedi "SQL Primer". 

12 "Stuff" le due variabili SQL, varLastName e varDept con i valori dei parametri di ricerca passati dalla pagina di ricerca clickando sul bottone Plus (+) nell'area Variables ed inserendo le seguenti informazioni. 

-         

Per il tutorial ASP:

Il valore di default è il valore che le variabili dovrebbero prendere se nessun valore run-time è restituito. Il valore run-time è un oggetto del server che conserva un valore spedito dalla pagina di ricerca. 

13 se sei soddisfatto con il recordset, ckica su OK. 

UltraDev aggiunge il recordset al tuo elenco dei dati sorgente disponibili nel pannello Data Bindings. 

Quando la richiesta SQL si avvia sul server, viene controllato ogni record nella tabella del database. Se il campo specificato in un record incontra la condizione  Where, il record è incluso nel recordset. La richiesta in effetti costruisce un recordset che contiene solo i risultati di ricerca. 

Nome Default Value eseguire-tempo Value 

varLastName %Request (il txtLastName ") 

varDept %Request (il mnuDept ") 

Nome Default Value eseguire-tempo Value 

varLastName% #txtLastName # 

varDept% #mnuDept # 

Nome Default Value eseguire-tempo Value 

varLastName %request.getParameter (il txtLastName ") 

varDept %request.getParameter (il mnuDept "). 

Visualizzare i risultati sulla pagina 

Dopo avere definito il recordset, puoi usare le sue colonne come sorgenti di contenuto dinamico per la tua pagina. La procedura per aggiungere i dati alla pagina è identica alla procedura per la semplice pagina del risultato.  

Per vedere il lavoro nella finestra Live Data, devi fornire la pagina con dei parametri di prova per simulare i parametri URL sottoposti dalla tua pagina di ricerca. Fornisci questi

parametri di prova scegliendo View> Live Data Settings ed inserendo i seguenti valori: 

Ckica su OK per chiudere il dialog box, poi scegli View > Live Data. 

Dai alla tua pagina la possibilità di visualizzare più di un record creando una regione ripetuta su di essa ed attivando i record immagine di navigazione  "Previous" e " Next". I passi sono gli stessi come per la semplice pagina dei risultati.  

In ultimo, aggiungi un contatore di record per aiutare gli utenti a tenersi aggiornati sulla posizione dei recordset. 

Creare una pagina di dettaglio 

Adesso dovresti creare almeno una pagina dei risultati che può elencare gli impiegati. 

In questa parte del tutorial, creerai una pagina di dettaglio che visualizza ulteriori informazioni su ogni impiegato elencato sulla pagina dei risultati. La pagina di dettaglio visualizzerà anche una fotografia dell'impiegato. 

Ecco come queste pagine " master/detail " dovrebbero lavorare: Un utente che vede l'elenco degli impiegati sulla pagina dei risultati (padrone) dovrebbe poter vedere più dettagli su qualsiasi impiegato in elenco clickando su uno specifico collegamento a quell'impiegato. Il collegamento apre una pagina di dettaglio che mostra ulteriori dettagli sull'impiegato selezionato. 

Rendendo dinamica la pagina di dettaglio, non devi creare una singola pagina di dettaglio per ogni impiegato. Devi creare una pagina di dettaglio con il contenuto che si modifica run time in funzione del collegamento che l'utente clicka sulla pagina dei risultati. 

Il primo passo nel preparare questo set di pagina master/detail è di aggiungere un collegamento sulla pagina dei risultati per aprire la pagina di dettaglio. 

Name Value 

txtLastName Nicholas 

mnuDept Trip Staff. 

Aggiungere un collegamento sulla pagina dei risultati 

Clickando su un collegamento dell'impiegato sulla tua pagina dei risultati dovrebbe aprirsi una pagina di dettaglio che visualizza ulteriori informazioni sull'impiegato. Comunque, usando un collegamento standard per aprire la pagina di dettaglio non accadrà nulla: per ritrovare il record corretto, la pagina di dettaglio ha bisogno di sapere quale impiegato l'utente ha selezionato sulla pagina dei risultati. In altre parole, la pagina dei risultati deve passare informazioni alla pagina di dettaglio. 

Usa i seguenti passi per aggiungere un collegamento che passi informazioni dalla pagina dei risultati alla pagina di dettaglio. Compi questa procedura per ambedue le versioni delle tue pagine dei risultati (i files chiamati Results e ResultsAdv). 

1 assicurati che la tua pagina dei risultati sua aperta in UltraDev. 

2 sulla pagina dei risultati, clicka sull'immage "View " per sceglierla. 

Se stai lavorando nella finestra Live Data e visualizzi record multipli, seleziona la prima immagine "View " nella colonna. 

3 nel pannello Server Behaviors (Window > Server Behaviors), clicka sul bottone Plus (+) e seleziona Go to Detail Page dal pop-up menu. 

Appare il dialog box Go to Detail Page. 

4 nel box Detail Page, clicka su Browse e seleziona il file chiamato Detail (la pagina di dettaglio predesignata), poi clicka su OK. 

5 nel box Pass URL Parameter, inserisci un parametro chiamato id ed assicurati che il parametro sia settato al valore della colonna EMPLOYEEID nel recordset Results. 

Stai dicendo alla pagina di passare un parametro chiamato id alla pagina di dettaglio. 

Il parametro identifica l'impiegato selezionato dall'utente. Il server setterà il valore del parametro al valore specificato nel pop-up menu Recordset and Column. 

6 ckica su OK e salva il lavoro (File > Save). 

Quando l'utente clicka sull'immagine collegata "View " alla pagina dei risultati, non solo vuole che la pagina di dettaglio si aprai, ma le informazioni che identificano il record che l'utente ha scelto saranno passate alla pagina di dettaglio così da poter visualizzare i dettagli corretti dell'impiegato. 

Hai finito con la pagina dei risultati. Adesso hai bisogno di una pagina di dettaglio che può visualizzare informazioni particolareggiate sugli impiegati selezionati sulla pagina dei risultati. 

Definire un recordset per la pagina di dettaglio 

Devi definire un recordset per la pagina di dettaglio per mantenere le informazioni particolareggiate dell'impiegato. Comincia ad aprire la pagina di dettaglio predefinita. 

1 nella finestra Site, un doppio click sul file Detail sotto la Local Folder. 

Si apre la pagina di dettaglio della Compass. 

2 nel pannello Data Bindings (Window > Data Bindings), clicka sul bottone Plus (+) e scegli Recordset (Qyery) dal pop-up menu.. 

Appare il dialog box simple Recordset. Se appare il dialog box Recordset avanzato invece, clicka su Simple. 

3 nel box Name, inserisci Details. 

4 nel pop-up menu Connection, scegli connCompass. 

5 nel pop-up menu Table, scegli EMPLOYEES. 

6 nell'area Columns, assicurati che l'opzione All sia selezionata. 

Per questa pagina, dovrai recuperare dati in tutte le colonne nella tabella. 

7 clicka su Test per esaminare il recordset. 

Il recordset mostrato contenere i dati estratti dalla tabella del database. Ckica su OK per chiuderlo. 

8 ckica su OK e salva il lavoro (File > Save). 

Aggiungere il contenuto dinamico alla pagina di dettaglio  

Dopo avere definito il recordset, puoi usare le sue colonne come sorgenti di contenuto dinamico per la pagina di dettaglio. 

1 assicurati che il pannello Data Bindings sia aperto (Window > Data Bindings) e che elenchi il recordset Details che hai appena definito. Espandi il ramo del recordset per vedere i necessari dati sorgente. 

2 sulla pagina di dettaglio, un doppio click sulla stringa di testo LastName (nella fila della tabella blu) per sceglierla. 

3 nel pannello Data Bindings, seleziona il campo LASTNAME e trascinalo sopra la stringa selezionata sulla pagina. 

4 ripeti i passi 2 e 3 (seleziona il testo sulla pagina, poi trascina i dati sorgente corrispondenti su di essa) per le altre stringhe del testo sulla pagina, come segue: 

-          Trascina FIRSTNAME su FirstName 

-          Trascina PHONE su number  

-          Trascina STARTDATE su date 

-          Trascina DEPARTMENT su dept 

-          Trascina EXTENSION su ext 

-          Trascina EMAIL su email 

-          Trascina NOTES su notes 

Dopo, lega l'attributo dell'immagine sorgente sulla pagina per visualizzare le fotografie degli impiegati. L'attributo sorgente consiste in una stringa di testo come jones_lyn.jpg memorizzata nel database. 

5 apri l'ispettore Property (Window > Properties). 

6 clicka sull'immagine della pagina, poi clicka sulla piccola icona della cartella accanto al box Src sull'ispettore Property. 

Appare il dialog box Select Image Source. 

7 seleziona l'opzione Data Sources. 

Appare un elenco di dati sorgente. 

8 scegli PHOTO dall'elenco. 

9 nel box URL, scrivi immagini / all'inizio della linea di codice. 

Il database della Compass contiene i nomi dei file delle immagini, non la cartella dove essi sono memorizzati sul tuo sito. Il codice nel box URL recupererà il nome del file corretto dal database e l'inserirà nell'attributo dell'immagine sorgente. 

Scrivi immagini / nel box URL aggiungendo il percorso corretto all'attributo. 

10 ckica su OK per chiudere il dialog box. 

11 salva il lavoro (File > Save). 

Scegli View > Live Data per visualizzare il contenuto dinamico. La finestra Live Data visualizza i dettagli del primo impiegato nel recordset. 

Se commetti un errore, apri il pannello Server Behaviors (Window > Server Behaviors), seleziona il contenuto dinamico, e clicka sul bottone Minus (-) . 

Abilitare la pagina per trovare e visualizzare un impiegato 

Quando la pagina di dettaglio si apre in un browser, dovrebbe visualizzare le informazioni del dettaglio su un impiegato che l'utente ha selezionato sulla pagina dei risultati. (Hai lavorato sulle pagine dei risultati all'inizio di questo tutorial.) Per far sì che la pagina lavori in questo modo, usa il comportamento del server Move To Specific Record che trova e visualizza l'impiegato che l'utente ha selezionato sulla pagina dei risultati. 

1 nel pannello Server Behaviors (Window > Server Behaviors), clicka sul bottone Plus (+) e e scegli Move to Record> Move to Specific Record. 

Apèpare il dialog box Move to Specific Record. 

2 nel pop-up Move to Record, assicurati che il recordset Details sia selezionato. 

3 nel pop-up menu Where Column, assicurati che la colonna EMPLOYEEID sia selezionata. 

La pagina precedente sulla quale hai lavorato ha passato il numero ID (id=EMPLOYEEID) di un record dell'impiegato alla pagina di dettaglio. Specificando la colonna EMPLOYEEID, chiami la pagina di dettaglio per mostrare nella colonna EMPLOYEEID del recordset corrente per trovare un numero ID che si adatti a quello indicato dalla pagina dei risultati. Quando lo scripts server-side del comportamento trova un risultato, visualizza il record dell'impiegato corrispondente. 

4 ckica su OK. 

Se commetti un errore, apri il pannello Server Behaviors (Window > Server Behaviors), e gli un doppio click sul comportamento del server. 

Creare una pagina insert 

L'ultima pagina che creerai per la directory degli impiegati della Compass è una pagina che consente all'amministratore del sito di inserire nuovi records delgi impiegati nel database con un browser Web. 

Una pagina insert consiste di due blocchi: 

-          Un form HTML che consenta di inserire dati 

-          Un comportamento del server Insert Record che prende il dati inseriti nel form ed aggiorna il database 

Il form HTML è già stato creato. Dovrai solo aggiungere il comportamento del server per aggiornare la tabella del database. 

1 nella finestra Site, un doppio click sul file chiamato Insert sotto la Local Folder. 

Si apre la pagina insert per la directory degli impiegati della Compass. 

2 nel pannello Server Behaviors (Window > Server Behaviors), clicka sul bottone Plus (+) e scegli Insert Record dal pop-up menu. 

Appare il dialog box Insert Record. 

3 nel pop-up menu Connection, scegli connCompass. 

4 nel pop -up menu Insert Into Table, scegli EMPLOYEES. 

5 nel box "After Inserting, Go To", clicka su Browse e seleziona il file InsertOK. 

Questa pagina si aprirà dopo che il record viene inserito con successo nella tabella. 

6 nel pop-up menu Get Values From, assicurati che fmAdd sia selezionato. 

fmAdd è il nome del form HTML sulla pagina. 

7 specifica quale delgi oggetti sul tuo form si aggiornerà nella tabella del database selezionando il primo elemento del form nella lista Form Elements (xtImageURL) e seleziona l'articolo corrispondente nel pop-up menu Column (PHOTO). 

Ripeti questo passo per gli altri elementi di form, come segue: 

-          txtLastName aggiorna la colonna LASTNAME 

-          txtFirstName aggiorna la colonna FIRSTNAME 

-          txtPhone aggiorna la colonna PHONE 

-          txtDate aggiorna la colonna STARTDATE 

-          txtDept aggiorna la colonna DEPARTMENT 

-          txtExt aggiorna la colonna EXTENSION 

-          txtEmail aggiorna la colonna EMAIL 

-          txtNotes aggiorna la colonna NOTE 

8 ckica su OK. 

Quando la pagina insert sarà completa, la directory inpiegati per il sito intranet della Compass sarà pronta. Nella finestra Site, seleziona tutte le pagine, poi clicka sulla freccia blu sul toolbar caricarle sulla tua directory pubblicata sul server. Lancia il tuo browser ed apri la pagina Search.htm.