< Indietro | Avanti >

Lezione 1.2: Connessione a un database e visualizzazione dei dati in una pagina Web

In questa lezione, verrà illustrato come connettersi a un database e visualizzare record di dati in una pagina Web. Verrà inoltre descritta la procedura per aggiungere un elenco di record relazionali alla pagina Web.

Il sito Web in questa esercitazione utilizza pagine Web dinamiche con componenti JavaServer Faces per accedere a un database e visualizzare informazioni sulla pagina. In questa esercitazione vengono utilizzati record relazionali ed elenchi di record relazionali per rappresentare i dati di un database, in modo che i dati possano essere visualizzati nella pagina sotto forma di una tabella dati o di una tabella HTML ordinaria. I bean di accesso Java vengono utilizzati da questi componenti.

I baen di accesso ai dati sono rappresentazioni bean Java di bean enterprise. Vengono in genere utilizzati in programmi client che si servono di file JSP (JavaServer Pages), servlet o bean enterprise che creano un'interfaccia con altri bean enterprise. I bean di accesso proteggono l'utente dalla complessità di gestione dei cicli di vita dei bean enterprise. Ciò significa che è possibile programmare sui bean enterprise con la stessa semplicità con cui è possibile programmare sui bean Java, il che semplifica i programmi client dei bean enterprise e riduce il tempo di sviluppo complessivo.

JavaServer Faces è una tecnologia che consente di creare interfacce utente per applicazioni Web dinamiche eseguite su un server. Il framework JavaServer Faces gestisce lo stato dell'interfaccia utente durante le richieste del server ed offre un modello semplice per lo sviluppo di eventi lato server attivati dal client. JavaServer Faces si basa su un framework MVC (model-view-controller). Per JavaServer Faces, ciò significa che il controller è un servlet, il modello è rappresentato da JavaBeans e la vista è costituita da componenti JavaServer Faces con un codice applicazione limitato o senza alcun codice applicazione. L'obiettivo di questo modello è quello di separare il contenuto dalla presentazione.

Strumenti come i componenti Faces consentono di utilizzare questa tecnologia nelle applicazioni Web. I componenti Faces includono una libreria di tag personalizzati JSP (JavaServer Page), per descrivere un'interfaccia JavaServer Faces all'interno di una pagina. Questa procedura guidata consente di creare file JSP abilitati all'utilizzo dei componenti Faces. I componenti Faces consentono di sviluppare un'applicazione Web trascinando i componenti da un cassetto Faces nella vista Tavolozza e rilasciandoli nelle pagine Web che vengono create.

Ad esempio, è possibile trascinare un campo di testo di input e rilasciarlo in un modulo nella pagina. È possibile quindi trascinare e rilasciare un pulsante Inoltra accanto al campo di testo di input. Infine, è possibile connettere il campo di testo di input alla propria origine dati. Ciò consente agli utenti finali di immettere dati dall'applicazione Web alla propria origine dati.

Un altro vantaggio delle applicazioni generate mediante componenti Faces risiede nel fatto che il rendering dell'interfaccia utente viene eseguito indipendentemente dalla logica del programma sottostante. Ciò significa che le applicazioni possono essere eseguite ed accedere ai dati su piattaforme diverse, ad esempio browser o dispositivi gestiti.

Cassetto dei componenti Faces avanzati della tavolozza.

Aggiunta di un elenco di record relazionali

In questa lezione, verrà creato un elenco di record relazionali, che rappresenta tutti gli annunci pubblicitari presenti nel database. Quindi, verrà connessa al database e selezionata la tabella contenente le informazioni necessarie nell'elenco di record relazionali. Infine, l'elenco di record relazionali verrà visualizzato nella pagina di una tabella dati.
  • I record relazionali si connettono ad un unico record di un database. In questo caso, un record relazionale rappresenta un singolo annuncio pubblicitario del database di esempio. Utilizzando un record relazionale, è possibile creare un nuovo record, modificare un record esistente o eliminare un vecchio record.
  • Gli elenchi di record relazionali si connettono a più record di un database. In questo caso, un elenco di record relazionali rappresenta da due a tutti gli annunci pubblicitari del database di esempio.
  • Le tabelle dati visualizzano i dati di un elenco di record relazionali nella pagina. Le tabelle dati indicano semplicemente una posizione per gli elenchi di record, non formattano i dati in righe e colonne come fa una tabella HTML.

    La tabella dati è un componente di una pagina Faces JSP contenente gli oggetti dati, ad esempio un elenco di record relazionali.Nonostante una tabella dati contenga righe e colonne come una tabella HTML, non funziona come una tabella HTML. Se si desidera formattare i controlli di input e output come in una tabella, è necessario utilizzare un Pannello - Casella di gruppo dal cassetto Componenti Faces avanzati nella Tavolozza. Questa procedura è illustrata nell'Esercizio 2.2: Formattazione di una tabella dati.

    Utilizzando la vista Proprietà, è possibile personalizzare una tabella dati in modi diversi:
    • Aggiungendo, rimuovendo e modificando l'ordine delle colonne
    • Formattando testo e sfondo
    • Aggiungendo intestazione, piè di pagina e margini
    • Aggiungendo pagine per la visualizzazione dei risultati

Per creare un nuovo elenco di record relazionali:

  1. Nella vista Esplora enterprise della prospettiva Web, espandere ClassifiedsTutorial > WebContent.
  2. Nella cartella WebContent, fare doppio clic su all_records.jsp. Il file all_records.jsp si apre nell'editor.
  3. Eliminare il testo predefinito Inserire il contenuto qui.
  4. Nella vista Tavolozza, espandere il cassetto Dati e servizi.
  5. Trascinare il componente Elenco di record relazionali SDO dalla Tavolozza all'area di contenuto vuota. Si apre la finestra Aggiungi elenco di record relazionali.
  6. Nel campo Nome, immettere all_recordlist. L'elenco di record relazionali e i nomi dei record relazionali devono essere conformi alle convenzioni di denominazione Java standard per i nomi delle variabili (ad esempio, non possono contenere spazi).
  7. Verificare che l'opzione Aggiungi controlli dati sia selezionata. Quando l'opzione Aggiungi controlli dati è selezionata, la procedura guidata crea una tabella dati per visualizzare l'elenco di record nella pagina. Altrimenti, la procedura guidata crea solo l'elenco di record e non una rappresentazione di quei dati nella pagina. In questo caso, la procedura guidata crea la tabella dati predefinita che l'utente personalizzerà successivamente. La finestra Aggiungi elenco di record relazionali dovrebbe essere simile alla seguente:
    Finestra Aggiungi elenco di record relazionali.

    Fare clic su Avanti.

  8. Nel campo Nome nella pagina successiva della procedura guidata, fare clic su Nuovo per creare una nuova connessione al database. Viene visualizzata la finestra di dialogo Sfoglia profili.
  9. Nella finestra Sfoglia profili, fare clic su Nuovo. Viene visualizzata la finestra di dialogo Nuovo profilo di connessione.
  10. Nell'elenco Tipi di profili di connessione, selezionare Derby e fare clic su Avanti. Viene visualizzata la finestra di dialogo Creazione profilo di connessione.
  11. Nel campo Nome, immettere DerbyDB, selezionare Connessione automatica all'avvio, quindi fare clic su Avanti.
  12. Nel campo Driver, selezionare Derby 10.2 - Embedded JDBC Driver Default.
  13. Nel campo Percorso del database, fare clic su Sfoglia e selezionare <percorso_spazio_di_lavoro>\ClassifiedsTutorial\WebContent\database, dove <percorso_spazio_di_lavoro> è la directory dello spazio di lavoro corrente. Fare clic su Fine.
  14. Nella finestra Sfoglia profili, fare clic su DerbyDB, quindi su OK. Viene visualizzata la procedura guidata Aggiungi elenco di record relazionali.
  15. Fare clic su Configura connessioni al database del progetto. Si apre la finestra delle proprietà delle connessioni JDBC.
  16. Fare clic su Modifica accanto alla sezione relativa ai dettagli della connessione di runtime. Selezionare Utilizza connessione gestore driver come tipo di connessione di runtime. Fare clic su Fine, quindi fare clic su OK per ritornare alla finestra di dialogo Aggiungi elenco di record relazionali. Ora che una connessione al database Derby è stata creata, è necessario scegliere una tabella o un elenco di record da rappresentare. Nella procedura guidata Aggiungi elenco di record relazionali, vengono visualizzate le tabelle del database.
  17. Espandere W5SAMPLE e selezionare ADS. Fare clic su Avanti. Le pagine restanti della procedura guidata consentono di escludere le colonne dall'elenco di record e di eseguire opzioni avanzate, come la definizione della chiave primaria, l'aggiunta di relazioni ad altre tabelle e l'indicazione di condizioni di filtro e ordinamento. Ulteriori informazioni su queste pagine sono disponibili negli esercizi successivi.
    Finestra di dialogo Aggiungi elenco di record relazionali.
  18. Nella pagina Aggiungi record relazionale della finestra di dialogo, specificare le colonne da includere nell'elenco di record relazionali. Fare clic su Avanti.
  19. Per questa esercitazione, è necessario mostrare solo il titolo, la descrizione, la categoria, il prezzo e il numero di telefono per ciascun annuncio pubblicitario. Per impostazione predefinita, sono selezionate tutte le colonne, fare clic per deselezionare tutte le colonne, eccetto le seguenti, per la visualizzazione:
    • MAINCATEGORY: String
    • TITLE: String
    • DESCRIPTION: String
    • PRICE: BigDecimal
    • PHONE: String
  20. È possibile perfezionare l'organizzazione della visualizzazione della tabella dati nella pagina Web. Per riordinare le colonne, selezionare una colonna e fare clic sulle frecce verso l'alto e verso il basso, fino a quando la colonna non si trova nella posizione desiderata.
    Disporre le colonne nel seguente ordine:
    • TITLE
    • DESCRIPTION
    • MAINCATEGORY
    • PRICE
    • PHONE
    Fare clic su Fine.
    La pagina Web è ora simile alla seguente:
    Aspetto corrente della pagina.
  21. Salvare la pagina.
Nella lezione successiva, verrà visualizzato l'aspetto della pagina su un server Web reale. Esistono molte opzioni per la formattazione di tabelle dati e componenti JavaServer Faces. Alcune di queste opzioni sono esaminate nel modulo successivo. È possibile anche esplorare personalmente la vista Proprietà per i vari componenti JavaServer Faces nella pagina (ad esempio, la tabella dati e i singoli componenti di output).

Punto di controllo della lezione

La lezione 1.2 è stata completata. In questa lezione, è stato illustrato come connettersi a un database e visualizzare record di dati in una pagina Web utilizzando un elenco di record relazionali.

Feedback
< Indietro | Avanti >