De software installeren

Voordat u begint, moet u de volgende software op uw computer installeren:

• NetBeans IDE 5.5 (download).
• Java Standard Development Kit (JDK™) versie 5.0 of versie 6.0 (download)

U kunt ook de SJS-toepassingsserver (Sun Java System) (download), JBoss of WebLogic downloaden en gebruiken. De Tomcat-webserver die met de IDE is gebundeld, biedt echter alle vereiste ondersteuning voor 'two-tier' webtoepassingen zoals de toepassing die in deze gids wordt beschreven. Een toepassingsserver (zoals de SJS-toepassingsserver, JBoss of WebLogic) is alleen vereist wanneer u bedrijfstoepassingen wilt ontwikkelen.

De server bij de IDE registreren

De gebundelde Tomcat-webserver wordt automatisch bij de IDE geregistreerd. Vóór inzet in de SJS-toepassingsserver, JBoss of WebLogic moet u een lokaal exemplaar bij de IDE registreren. Als u de bundel NetBeans IDE 5.5/SJS-toepassingsserver hebt geïnstalleerd, wordt er automatisch een lokaal exemplaar van de SJS-toepassingsserver geregistreerd. Voer anders de volgende stappen uit:

1. Kies Tools > Server Manager in het hoofdvenster.
2. Klik op 'Add Server'. Selecteer het servertype en geef het exemplaar een naam. Klik vervolgens op 'Next'.
3. Specificeer de serverinformatie, de locatie van het lokale exemplaar van de toepassingsserver, en het domein waar u het wilt inzetten.

Een nieuw webtoepassingsproject maken

1. Kies File > New Project. Selecteer 'Web' onder 'Categories'. Selecteer 'Web Application' onder 'Projects' en klik op 'Next'.
2. Typ HelloWeb onder 'Project Name'. Het contextpad is /HelloWeb.
3. Wijzig de projectlocatie naar een willekeurige map op uw computer. Er wordt voortaan naar deze map verwezen met $PROJECTHOME.
4. Selecteer de aanbevelingen voor uw bronstructuur, wat puur persoonlijke voorkeur is:
   • Java BluePrints. Zie http://java.sun.com/blueprints/code/projectconventions.html voor meer informatie.
   • Jakarta. Zie http://jakarta.apache.org/tomcat/tomcat-5.5-doc/ voor meer informatie.
5. Selecteer de server waarop u uw toepassing wilt inzetten. Er worden alleen servers weergegeven die bij de IDE zijn geregistreerd.
6. Laat het vakje Set as Main Project geselecteerd. Klik op 'Finish'.

   De IDE maakt de projectmap $PROJECTHOME/HelloWeb. De projectmap bevat al uw bronnen en projectmetagegevens, zoals het Ant-bouwscript van het project. Het HelloWeb-project wordt in de IDE geopend. U kunt zijn logische structuur in het venster Projects bekijken en zijn bestandsstructuur in het venster Files.

Een Java-pakket en een Java-bronbestand maken

1. Vouw het knooppunt Source Packages uit. Dit knooppunt bevat alleen een leeg, standaard pakketknooppunt.
2. Rechtsklik op het knooppunt Source Packages en kies New > Java Class. Typ NameHandler in het tekstvak Class Name en typ org.me.hello in de vervolgkeuzelijst Package. Klik op 'Finish'.
3. In de Source Editor declareert u een veld door de volgende regel direct onder de klassedeclaratie te typen:

       String name;

4. Voeg de volgende regel toe in de nameHandler()-methode:

       name = null;

Getter- en setter-methoden genereren

1. Rechtsklik op het woord name in de velddeclaratie aan het begin van de klasse en kies Refactor > Encapsulate Fields. Klik op 'Next' om de opdracht met zijn standaardopties uit te voeren.
2. Klik op 'Do Refactoring'. Er worden getter- en setter-methoden gegenereerd voor het veld name, en zijn toegangsniveau wordt naar privé gewijzigd. De Java-klasse moet er nu als volgt uitzien:

       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;
           }
   
       }

Het standaard JavaServer Pages-bestand bewerken

1. Vouw het projectknooppunt HelloWeb en het knooppunt Web Pages uit. De IDE heeft een standaard JavaServer Pages-bestand, index.jsp, voor u gemaakt. Wanneer u het project maakt, opent de IDE het bestand index.jsp in de Source Editor.
2. Selecteer de tab index.jsp in de Source Editor. Het bestand index.jsp heeft nu de focus in de Source Editor.
3. In het palet aan de rechterkant van de Source Editor vouwt u 'HTML Forms' uit en sleept u een Form-item onder de <h1>-tags in de Source Editor. Het dialoogvenster Insert Form verschijnt:

   

   Stel de volgende waarden in:

   • Handeling: response.jsp
   • Methode: GET
   • Naam: Name Input Form

   Klik op OK. Het formulier wordt aan het bestand index.jsp toegevoegd.

4. Sleep een Text Input-item vlak vóór de </form>-tag.

   Stel de volgende waarden in:

   • Naam: name
   • Type: text

   Klik op OK. De tekstinvoer wordt tussen de <form>-tags toegevoegd.

5. Sleep een Button-item vlak vóór de </form>-tag.

   Stel de volgende waarden in:

   • Label: OK
   • Type: submit

   Klik op OK. De knop wordt tussen de <form>-tags toegevoegd.

6. Typ Enter your name: vóór de <input>-tag en wijzig de tekst tussen de <h1>-tags naar Entry Form.

   De tags tussen de <body>-tags zien er nu als volgt uit:

<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>

Een JavaServer Pages-bestand maken

1. Vouw het projectknooppunt HelloWeb en het knooppunt Web Pages uit.
2. Rechtsklik op het knooppunt Web Pages en kies New > JSP. Geef het JavaServer Pages-bestand de naam response en klik op 'Finish'.

   Het nieuwe bestand response.jsp wordt in de Source Editor geopend.

3. In het palet aan de rechterkant van de Source Editor vouwt u 'JSP' uit en sleept u een Use Bean-item vlak onder de <body>-tag in de Source Editor.

   Stel de volgende waarden in:

   • ID: mybean
   • Klasse: org.me.hello.NameHandler
   • Bereik: session

   Klik op OK. De 'Use Bean' wordt onder de <body>-tag toegevoegd.

4. Voeg een Get Bean Property-item en een Set Bean Property-item vanuit het palet toe. Wijzig de code dan zodat de tags tussen de <body>-tags er als volgt uitzien:

<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>