FeaturesPluginsDocs & SupportCommunityPartners

Introducere în dezvoltarea aplicaţiilor Web

Acest document vă prezintă noţiunile de bază ale utilizării NetBeans IDE 5.5 pentru dezvoltarea aplicaţiilor Web. Acest document este proiectat pentru trecerea în revistă cât mai rapidă. Pentru mai multe informaţii despre lucrul cu NetBeans IDE, consultaţi pagina Asistenţă şi documentaţie de pe site-ul Web NetBeans.

Creaţi, instalaţi şi executaţi o aplicaţie Web simplă. Aplicaţia utilizează o pagină JavaServer Pages™ pentru a vă solicita să vă introduceţi numele. Apoi utilizează o componentă JavaBeans™ pentru a păstra numele în cursul unei sesiuni HTTP şi repetă numele în altă pagină JavaServer Pages (Pagini JavaServer).

Configurarea unui proiect pentru o aplicaţie Web

Înainte de a începe să scrieţi codul, trebuie să vă asiguraţi că aveţi toate aplicaţiile software necesare şi că proiectul dvs. este configurat corect.

Instalarea software-ului

Înainte de a începe, trebuie să instalaţi următoarele aplicaţii software pe calculator:

Opţional, puteţi descărca şi utiliza serverul de aplicaţii Sun Java System (SJS) (descărcare), JBoss sau WebLogic. Totuşi, serverul Web Tomcat, care este împachetat cu IDE, oferă toată asistenţa necesară pentru aplicaţiile Web two-tier, precum cea descrisă în acest ghid. Un server de aplicaţii (cum ar fi serverul de aplicaţii SJS, JBoss sau WebLogic) este necesar numai dacă doriţi să dezvoltaţi aplicaţii de tip enterprise.

Înregistrarea serverului în IDE

Serverul Web Tomcat împachetat este înregistrat automat în IDE. Totuşi, înainte de a putea instala serverul de aplicaţii SJS, JBoss sau WebLogic, trebuie să înregistraţi o instanţă locală în IDE. Dacă aţi instalat NetBeans IDE 5.5/pachetul serverului de aplicaţii SJS, este înregistrată automat o instanţă locală a serverului de aplicaţii SJS. În caz contrar, efectuaţi următorii paşi:

  1. Selectaţi Tools (Instrumente) > Server Manager (Manager server) din fereastra principală.
  2. Faceţi clic pe Add Server (Adăugare server). Selectaţi tipul de server şi daţi un nume instanţei. Apoi faceţi clic pe Next (Înainte).
  3. Specificaţi informaţiile despre server, locaţia instanţei locale a serverului de aplicaţii şi domeniul în care doriţi să instalaţi.

Crearea unui proiect nou pentru o aplicaţie Web

  1. Selectaţi File (Fişier) > New Project (Creare proiect). Din Categories (Categorii), selectaţi Web. Din Projects (Proiecte), selectaţi Web Application (Aplicaţie Web) şi faceţi clic pe Next (Înainte).
  2. În Project Name (Nume proiect), introduceţi HelloWeb. Observaţi că Context Path (Cale context) este /HelloWeb.
  3. Schimbaţi locaţia proiectului la orice director din calculator. De acum, acest director este referit ca $PROJECTHOME.
  4. Selectaţi recomandările la care va adera structura dvs. sursă, care este o preferinţă pur personală:
  5. Selectaţi serverul pe care doriţi să instalaţi aplicaţia. Sunt listate numai serverele înregistrate în IDE.
  6. Păstraţi bifată caseta de validare Set as Main Project (Setare ca proiect principal). Faceţi clic pe Finish (Finalizare).

    IDE creează dosarul proiectului, $PROJECTHOME/HelloWeb . Dosarul proiectului conţine toate sursele şi metadatele proiectului, cum ar fi script-ul de generare Ant al proiectului. Proiectul HelloWeb se deschide în IDE. Îi puteţi vizualiza structura logică în fereastra Projects (Proiecte) şi structura de fişiere în fereastra Files (Fişiere).

Crearea şi editarea fişierelor sursă ale aplicaţiilor Web

Crearea şi editarea fişierelor sursă este cea mai importantă funcţie pe care o oferă IDE. În final, aceasta este ceea ce probabil vă ia cel mai mult timp dintr-o zi. IDE oferă o gamă largă de instrumente care pot satisface stilul personal al oricărui dezvoltator, fie că preferaţi să scrieţi totul manual, fie că doriţi ca IDE să genereze bucăţi mari de cod în locul dvs.

Crearea unui pachet Java şi a unui fişier sursă Java

  1. Extindeţi nodul Source Packages (Pachete sursă). Reţineţi că nodul Source Packages (Pachete sursă) conţine numai un nod de pachete prestabilit, gol.
  2. Faceţi clic dreapta pe nodul Source Packages (Pachete sursă) şi selectaţi New (Creare) > Java Class (Clasă Java). Introduceţi NameHandler în caseta de text Class Name (Nume clasă) şi introduceţi org.me.hello în lista derulantă Package (Pachet). Faceţi clic pe Finish (Finalizare).
  3. În Source Editor (Editor sursă), declaraţi un câmp introducând următorul rând direct sub declaraţia clasei:
        String name;
  4. Adăugaţi rândul următor în metoda nameHandler() :
        name = null;

Generarea metodelor Getter şi Setter

  1. Faceţi clic dreapta pe cuvântul name din declaraţia câmpului de la începutul clasei şi selectaţi Refactor (Curăţare) > Encapsulate Fields (Încapsulare câmpuri). Faceţi clic pe Next (Înainte) pentru a rula comanda cu opţiunile prestabilite.
  2. Faceţi clic pe Do Refactoring (Efectuare curăţare). Metodele Getter şi Setter sunt generate pentru câmpul name, iar nivelul de acces este schimbat la privat. Clasa Java trebuie să arate acum similară acesteia:
        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;
            }
    
        }

Editarea fişierului prestabilit JavaServer Pages (Pagini JavaServer)

  1. Extindeţi nodul proiectului HelloWeb şi nodul Web Pages (Pagini Web). Reţineţi că IDE a creat un fişier prestabilit JavaServer Pages (Pagini JavaServer), index.jsp, pentru dvs. La crearea proiectului, IDE a deschis fişierul index.jsp în Source Editor (Editor sursă).
  2. Selectaţi fila index.jsp Source Editor (Editor sursă). Fişierul index.jsp este vizat acum în Source Editor (Editor sursă).
  3. În Palette (Paletă) din partea dreaptă a Source Editor (Editor sursă), extindeţi HTML Forms (Formulare HTML) şi trageţi un element Form (Formular) sub tag-urile <h1> din Source Editor (Editor sursă). Este afişată caseta de dialog Insert Form (Inserare formular):

    Palette (Paletă)

    Setaţi următoarele valori:

    • Action (Acţiune): response.jsp
    • Method (Metodă): GET
    • Name (Nume): Name Input Form

    Faceţi clic pe OK. Formularul este adăugat în fişierul index.jsp .

  4. Trageţi un element Text Input (Introducere text) imediat sub tag-ul </form> .

    Setaţi următoarele valori:

    • Name (Nume): name
    • Type (Tip): text

    Faceţi clic pe OK. Elementul Text Input (Introducere text) este adăugat între tag-urile <form> .

  5. Trageţi un element Button (Buton) imediat sub tag-ul </form> .

    Setaţi următoarele valori:

    • Label (Etichetă): OK
    • Type (Tip): submit

    Faceţi clic pe OK. Elementul Button (Buton) este adăugat între <form> .

  6. Introduceţi Introduceţi-vă numele: în faţa tag-ului <input> şi modificaţi textul dintre tag-urile <h1> la Entry Form (Formular de introducere).

    Tag-urile dintre tag-urile <body> arată acum după cum urmează:

  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>

Crearea unui fişier JavaServer Pages

  1. Extindeţi nodul proiectului HelloWeb şi nodul Web Pages (Pagini Web).
  2. Faceţi clic pe nodul Web Pages (Pagini Web) şi selectaţi New (Creare) > JSP, denumiţi răspunsul fişierului JavaServer Pages şi faceţi clic pe Finish (Finalizare).

    Noul response.jsp se deschide în Source Editor (Editor sursă).

  3. În Palette (Paletă) în partea dreaptă a Source Editor (Editor sursă), extindeţi JSP şi trageţi un element Use Bean (Utilizare bean) imediat sub tag-ul <body> din Source Editor (Editor sursă).

    Setaţi următoarele valori:

    • ID: mybean
    • Class (Clasă): org.me.hello.NameHandler
    • Scope (Domeniu): session

    Faceţi clic pe OK. Elementul Use Bean (Utilizare bean) este adăugat sub <body> .

  4. Adăugaţi un element Get Bean Property (Preluare proprietate bean) din Palette (Paletă). Apoi modificaţi codul astfel încât tag-urile dintre tag-urile <body> să arate după cum urmează:
  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>

Generarea şi rularea unui proiect pentru o aplicaţie Web

IDE utilizează un script de generare Ant pentru generarea şi rularea aplicaţiilor Web. IDE generează script-ul de generare pe baza opţiunilor pe care le introduceţi în expertul New Project (Creare proiect) şi în caseta de dialog a proiectului Project Properties (Proprietăţi proiect).

  1. Selectaţi Run (Rulare) > Run Main Project (Rulare proiect principal) (F6) din meniul Run (Rulare).

    IDE generează aplicaţia Web şi o instalează, utilizând serverul specificat la crearea proiectului.

  2. Introduceţi numele în caseta de text din pagina index.jsp instalată:

    Palette (Paletă)

    Faceţi clic pe OK. Pagina response.jsp trebuie să se deschidă şi să vă întâmpine:

    Palette (Paletă)



Următorii paşi

Pentru mai multe informaţii despre dezvoltarea aplicaţiilor Web în NetBeans IDE 5.5, consultaţi următoarele resurse:

Pentru a trimite comentarii şi sugestii, pentru a obţine asistenţă şi a fi la curent cu cele mai recente dezvoltări din caracteristicile de dezvoltare NetBeans IDE Java EE, înscrieţi-vă în lista de corespondenţă Pentru mai multe informaţii despre caracteristicile de dezvoltare viitoare Java EE din NetBeans IDE, consultaţi http://j2ee.netbeans.org/.

Bookmark this page

del.icio.us furl simpy slashdot technorati digg
Companion
Projects:
MySQL Database Server   Open JDK: an Open SourceJDK   GlassFish Community: an Open Source Application Server    Mobile & Embedded Community    Open Solaris   java.net - The Source for Java Technology Collaboration   Virtual Box - full virtualizer  Open ESB - The Open Enterprise Service Bus Powered by