corner imagecorner image
FeaturesPluginsDocs & SupportCommunityPartners

Introduzione allo sviluppo di applicazioni Web

In questo documento è descritta la procedura di base per lo sviluppo di applicazioni Web in NetBeans IDE 5.5. Le istruzioni fornite consentono di iniziare a utilizzare il programma da subito. Per ulteriori informazioni sull'utilizzo di NetBeans IDE, visitare la pagina della documentazione e dell'assistenza nel sito Web di NetBeans.

Verrà descritto come creare, implementare ed eseguire una semplice applicazione Web. L'applicazione utilizza una pagina JavaServer Pages™ per richiedere all'utente di immettere un nome. Utilizza quindi un componente JavaBeans™ per conservare il nome durante una sessione HTTP e riutilizzarlo in un'altra pagina JavaServer Pages.

Configurazione di un progetto per un'applicazione Web

Prima di iniziare a scrivere il codice, è necessario assicurarsi che tutto il software necessario sia disponibile e che il progetto sia configurato in modo corretto.

Installazione del software

Prima di iniziare, è necessario installare nel computer il software seguente:

Facoltativamente, è possibile scaricare e utilizzare il server applicazioni Sun Java System (SJS) (download), JBoss o WebLogic. Tuttavia, il server Web Tomcat incluso in NetBeans IDE fornisce tutto il supporto necessario per le applicazioni Web a due livelli come quella descritta nel presente documento. Il server applicazioni (ad esempio il server applicazioni SJS, JBoss o WebLogic) è necessario solo per sviluppare applicazioni per uso aziendale.

Registrazione del server nell'IDE

Il server Web Tomcat incluso viene registrato automaticamente nell'IDE, mentre prima di eseguire la distribuzione nel server applicazioni SJS, in JBoss o in WebLogic è necessario registrare un'istanza locale nell'IDE. Se è stato installato il bundle NetBeans IDE 5.5/server applicazioni SJS, viene registrata automaticamente un'istanza locale del server applicazioni SJS. In alternativa, attenersi alle istruzioni seguenti:

  1. Scegliere Tools > Server Manager nella finestra principale.
  2. Fare clic su Add Server. Selezionare il tipo di server e assegnare un nome all'istanza. Quindi, fare clic su Next.
  3. Specificare le informazioni sul server, il percorso dell'istanza locale del server applicazioni e il dominio nel quale eseguire la distribuzione.

Creazione di un nuovo progetto per un'applicazione Web

  1. Scegliere File > New Project. In Categories selezionare Web. In Projects selezionare Web Application e fare clic su Next.
  2. In Project Name immettere HelloWeb. Si noti che in Context Path è specificato /HelloWeb.
  3. In Project Location specificare una directory del computer in uso. Da questo momento, la directory viene denominata $PROJECTHOME.
  4. Selezionare le indicazioni che la struttura sorgente dovrà rispettare in base alle preferenze personali:
  5. Selezionare il server nel quale si desidera distribuire l'applicazione. Sono elencati solo i server registrati nell'IDE.
  6. Verificare che la casella di controllo Set as Main Project sia selezionata. Fare clic su Finish.

    Nell'IDE viene creata la cartella di progetto $PROJECTHOME/HelloWeb. La cartella di progetto contiene tutte le sorgenti e i metadati di progetto, ad esempio lo script di compilazione Ant del progetto. Il progetto HelloWeb viene aperto in NetBeans IDE. La relativa struttura logica è visualizzata nella finestra Projects, mentre la struttura di file è visualizzata nella finestra Files.

Creazione e modifica dei file sorgente di applicazioni Web

La possibilità di creare e modificare file sorgente rappresenta la funzione più importante tra quelle offerte dall'IDE. Tali operazioni sono infatti quelle eseguite più di frequente nel corso di una giornata. L'IDE offre una vasta gamma di strumenti adattabili allo stile personale dello sviluppatore, sia che preferisca scrivere l'intero codice manualmente sia che preferisca che NetBeans IDE generi grandi blocchi di codice in modo automatico.

Creazione di un pacchetto e di un file sorgente Java

  1. Espandere il nodo Source Packages. Si noti che il nodo Source Packages contiene solo un nodo di pacchetto predefinito vuoto.
  2. Fare clic con il pulsante destro del mouse sul nodo Source Packages e scegliere New > Java Class. Immettere NameHandler nella casella di testo Class Name e digitare org.me.hello nella casella a discesa Package. Fare clic su Finish.
  3. In Source Editor dichiarare un campo digitando la riga riportata di seguito direttamente sotto la dichiarazione della classe:
        String name;
  4. Aggiungere la riga seguente al metodo nameHandler():
        name = null;

Generazione di metodi per il richiamo e l'impostazione

  1. Fare clic con il pulsante destro del mouse sulla parola name nella dichiarazione del campo all'inizio della classe e scegliere Refactor > Encapsulate Fields. Fare clic su Next per eseguire il comando con le opzioni predefinite.
  2. Fare clic su Do Refactoring. I metodi per il richiamo e l'impostazione del campo name vengono generati e il relativo livello di accesso viene impostato su privato. La classe Java dovrebbe essere simile a quella riportata di seguito:
        package org.me.hello;
    
        /**
         *
         * @author Administrator
         */
    
        public class NameHandler {
    
    	private String name;
    
            /** Creates a new instance of NameHandler */
            public NameHandler() {
               setName(null);
            }
    
            public String getName() {
               return name;
            }
    
            public void setName(String name) {
               this.name = name;
            }
    
        }

Modifica del file JavaServer Pages predefinito

  1. Espandere il nodo del progetto HelloWeb e il nodo Web Pages. Si noti che nell'IDE viene creato un file JavaServer Pages predefinito, index.jsp. Quando si crea il progetto, il file index.jsp viene automaticamente aperto in Source Editor.
  2. Selezionare la scheda index.jsp di Source Editor. Il file index.jsp è selezionato in Source Editor.
  3. Nel pannello destro di Source Editor, espandere HTML Forms e trascinare un elemento Form sotto i tag <h1> di Source Editor. Viene visualizzata la finestra di dialogo Insert Form:

    Pannello

    Impostare i seguenti valori:

    • Action: response.jsp
    • Method: GET
    • Name: Name Input Form

    Fare clic su OK. L'elemento Form viene aggiunto al file index.jsp.

  4. Trascinare un elemento Text Input prima del tag </form>.

    Impostare i seguenti valori:

    • Name: name
    • Type: text

    Fare clic su OK. L'elemento Text Input viene aggiunto tra i tag <form>.

  5. Trascinare un elemento Button prima del tag </form>.

    Impostare i seguenti valori:

    • Label: OK
    • Type: submit

    Fare clic su OK. L'elemento Button viene aggiunto tra i tag <form>.

  6. Digitare Enter your name: prima del tag <input> e modificare il testo compreso tra i tag <h1> sostituendolo con Entry Form.

    I tag tra i tag <body> ora appaiono nel seguente modo:

  7. <h1>Entry Form</h1><form name="Name Input Form" action="response.jsp" method="GET">
    Enter your name: <input type="text" name="name" value="" />
    <input type="submit" value="OK" /></form>

Creazione di un file JavaServer Pages

  1. Espandere il nodo del progetto HelloWeb e il nodo Web Pages.
  2. Fare clic con il pulsante destro del mouse sul nodo Web Pages e scegliere New > JSP, assegnare al file JavaServer Pages il nome response e fare clic su Finish.

    Il nuovo file response.jsp viene aperto in Source Editor.

  3. Nel pannello destro di Source Editor espandere JSP e trascinare un elemento Use Bean sotto il tag <body> in Source Editor.

    Impostare i seguenti valori:

    • ID: mybean
    • Class: org.me.hello.NameHandler
    • Scope: session

    Fare clic su OK. L'elemento Use Bean viene aggiunto sotto il tag <body>.

  4. Aggiungere un elemento Get Bean Property e un elemento Set Bean Property dal pannello. Quindi, modificare il codice in modo che i tag compresi tra i tag <body> appaiano nel seguente modo:
  5. <jsp:useBean id="mybean" scope="session" class="org.me.hello.NameHandler" />
    <jsp:setProperty name="mybean" property="*" />
    <h1>Hello, <jsp:getProperty name="mybean" property="name" />!</h1>

Compilazione ed esecuzione di un progetto per un'applicazione Web

Nell'IDE per compilare ed eseguire le applicazioni Web viene utilizzato uno script di compilazione Ant. Lo script di compilazione generato dall'IDE è basato sulle opzioni specificate nella procedura guidata New Project e nella finestra di dialogo Project Properties del progetto.

  1. Scegliere Run > Run Main Project (F6) dal menu Run.

    L'applicazione Web viene compilata e distribuita nel server specificato al momento della creazione del progetto.

  2. Immettere un nome nella casella di testo della pagina index.jsp distribuita:

    Pannello

    Fare clic su OK. La pagina response.jsp viene visualizzata con il messaggio di benvenuto:

    Pannello



Approfondimenti

Per ulteriori informazioni sullo sviluppo di applicazioni Web in NetBeans IDE 5.5, consultare le risorse relative ai seguenti argomenti:

Per inviare commenti e suggerimenti, ricevere assistenza e mantenersi informati sulle ultime novità relative alle funzioni di sviluppo Java EE di NetBeans IDE, è possibile iscriversi alla mailing list Per ulteriori informazioni sulle funzioni di sviluppo Java EE prossimamente disponibili in NetBeans IDE, visitare il sito Web all'indirizzo http://j2ee.netbeans.org/.

Bookmark this page

del.icio.us furl simpy slashdot technorati digg
Companion
Projects:
MySQL Database Server   GlassFish Community: an Open Source Application Server   Open Solaris  Open JDK: an Open SourceJDK   Mobile & Embedded Community     Sponsored by 
Sponsored by Sun Microsystems