Visualizzazione delle informazioni dinamiche sulle pagine Web con JavaServer Faces

In questa esercitazione viene illustrato come progettare un sito Web dinamico che ha la funzione di sezione di annunci pubblicitari classificati di un giornale. Il sito Web è costituito da un'applicazione Web J2EE che utilizza componenti JSF (JavaServer Faces) e SDO (Service Data Objects). L'applicazione utilizza la tecnologia JSF per creare pagine Web dinamiche che si collegano a un database contenente dati di annunci pubblicitari classificati. Trascinando i componenti JSF nelle pagine, è possibile creare un'applicazione Web JSF nota come applicazione CRUD (Create, Read, Update, Delete), in grado di creare, leggere, aggiornare ed eliminare record da un database. Gli utenti possono utilizzare tali funzioni per gestire gli annunci classificati nel database.

Per questa esercitazione potrebbero essere necessari alcuni componenti opzionali. Per accertarsi di aver installato i componenti opzionali appropriati, consultare l'elenco dei requisiti del sistema.

Al completamento di questa esercitazione, gli utenti del sito potranno non solo vedere gli articoli in vendita, ma anche aggiungere nuovi articoli, cambiare i dettagli relativi agli articoli (ad esempio il prezzo o la descrizione), o cercare un articolo specifico. Nonostante il sito dell'esercitazione venga progettato con estrema semplicità, i principi e le tecnologie impiegate sono utilizzate anche in siti Web ben più vasti e complessi.

Obiettivi

Questa esercitazione è suddivisa in due moduli, contenente ciascuno i propri obiettivi. È possibile scegliere di completare uno o entrambi i moduli. All'interno di ciascun modulo, affinché il sito Web funzioni correttamente, è necessario completare gli esercizi nell'ordine corretto.

Modulo 1: Creazione di pagine Web con connessioni dati

In questo modulo viene illustrato come impostare una connessione a un database e visualizzare le informazioni del database in una pagina Web. Nel modulo verranno effettuate le seguenti attività:

Collegamento di pagine Web a un database.
Creazione di pagine che consentono di creare, modificare ed eliminare record dal database.
Invio di dati da una pagina a un'altra

Modulo 2: Aggiunta di funzioni avanzate

In questo modulo verranno illustrati modi più efficaci per utilizzare i dati di un database. Nel modulo verranno effettuate le seguenti attività:

Formattazione di record di database in una pagina Web
Aggiunta di un componente per il caricamento dei file in un database da una pagina Web
Passaggio automatico da una pagina all'altra
Automatizzazione di alcune attività di gestione del database

Appena pronti, cominciare il Modulo 1: Creazione di pagine Web con connessioni dati.

Tempo richiesto

Totale: 3 ore e 30 minuti

Modulo 1: 2 ore

Modulo 2: 1 ora e 30 minuti

Livello

Intermedio

Destinatari

Sviluppatori di applicazioni Web, progettisti di interfacce per utenti Web

Requisiti di sistema

Per poter completare questa esercitazione è necessario installare e configurare un server di runtime. Questa esercitazione è stata verificata con i seguenti server:

WebSphere Application Server 6.1

Per informazioni sulla distribuzione di SDO su server diversi da WebSphere Application Server, fare riferimento a Argomento della guida: Distribuzione di SDO su server non WAS.

Questa esercitazione potrebbe richiedere alcune funzioni che non sono state inizializzate durante l'installazione del prodotto. Se non si riescono a trovare le opzioni dell'interfaccia utente descritte nella esercitazione, verificare di aver attivato le funzioni appropriate(Finestra > Preferenze > Funzioni). Per completare questa esercitazione, è necessario disporre delle seguenti funzioni:

Java Developer
Web Developer (tipico)
XML Developer
Database Developer
Enterprise Java Developer
Data

Per utilizzare questa esercitazione è necessaria l'installazione e la configurazione di un server di applicazioni. Per verificare la disponibilità di un ambiente di runtime del server, fare clic su Finestra > Preferenze, espandere Server e fare clic su Runtime installati. È possibile utilizzare questo riquadro per aggiungere, rimuovere o modificare le definizioni del runtime del server installato. È possibile anche scaricare e installare il supporto per un nuovo server.

Prerequisiti

Per completare questa esercitazione è necessario avere familiarità con:

Concetti basilari di progettazione Web, ad esempio siti, pagine, browser e server Web.
Procedure per la creazione di una semplice pagina Web statica.
Elementi di una pagina Web, ad esempio tabelle, collegamenti ipertestuali, moduli e immagini.
Termini inerenti ai database, ad esempio tabelle, record, colonne e campi.

È utile, inoltre, la comprensione dei seguenti concetti:

Utilizzo di prospettive e viste del workbench.
Modifica del codice HTML di una pagina Web.

Risultati previsti

Una volta completata l'applicazione Web, la home page è simile all'immagine seguente. La navigazione del sito Web aggiunta alle pagine Web tramite il modello del sito, i link alle pagine che consentono di creare una nuova pubblicità o una visualizzazione di tutte le pubblicità. L'azione di riga nella tabella di seguito visualizzata, porta ad una pagina di aggiornamento dove è possibile modificare le informazioni associate con una pubblicità particolare.