Ohjelmistojen asentaminen

Ennen kuin aloitat, sinun pitää asentaa seuraavat ohjelmistot tietokoneeseen:

• NetBeans IDE 5.5 (lataa).
• Java Standard Development Kit (JDK™), versio 5.0 tai 6.0 (lataa)

Vaihtoehtoisesti voit ladata Sun Java System (SJS) -sovelluspalvelimen (lataa), JBossin tai WebLogicin. IDE:hen niputettu Tomcat-verkkopalvelin tarjoaa kuitenkin kaiken tarvitsemasi tuen kaksikerroksisille Web-sovelluksille, kuten tässä oppaassa kuvatulle sovellukselle. Sovelluspalvelin (kuten SJS-sovelluspalvelin, JBoss tai WebLogic) on tarpeen ainoastaan, jos halutaan kehittää yrityssovelluksia.

Palvelimen rekisteröiminen IDE:n kanssa

IDE-pakettiin kuuluva Tomcat-verkkopalvelin rekisteröidään automaattisesti IDE:n kanssa. Paikallinen esiintymä pitää kuitenkin rekisteröidä IDE:n kanssa, ennen kuin voit ottaa sen käyttöön SJS-sovelluspalvelimessa, JBossissa tai WebLogicissa. Jos asennat NetBeans IDE 5.5/SJS -sovelluspalvelinpaketin, SJS-sovelluspalvelimen paikallinen esiintymä rekisteröidään automaattisesti. Suorita muutoin seuraavat vaiheet:

1. Valitse pääikkunasta Tools > Server Manager.
2. Napsauta Add Server -painiketta. Valitse palvelimen tyyppi ja anna esiintymälle nimi. Napsauta sitten Next-painiketta.
3. Määritä palvelimen tiedot, sovelluspalvelimen paikallisen esiintymän sijainti sekä toimialue, jota haluat käyttää.

Uuden Web-sovellusprojektin luominen

1. Valitse File > New Project. Valitse Categories-kohdasta Web. Valitse Projects-kohdasta Web Application ja napsauta Next-painiketta.
2. Anna projektin nimeksi HelloWeb. Huomaa, että kontekstipolku (Context Path) on /HelloWeb.
3. Vaihda projektin sijainniksi (Project Location) tietokoneessasi oleva hakemisto. Tästä lähtien tähän hakemistoon viitataan nimellä $PROJECTHOME.
4. Valitse suositukset, joita lähderakenne noudattaa. Tämä on makuasia:
   • Java BluePrints. Jos haluat nähdä lisätietoja, katso http://java.sun.com/blueprints/code/projectconventions.html.
   • Jakarta. Jos haluat nähdä lisätietoja, katso http://jakarta.apache.org/tomcat/tomcat-5.5-doc/.
5. Valitse palvelin, johon haluat määrittää sovelluksen. Luettelossa ovat vain IDE:n kanssa rekisteröidyt palvelimet.
6. Pidä Set as Main Project -valintaruutu valittuna. Napsauta Finish-painiketta.

   IDE luo $PROJECTHOME/HelloWeb -projektikansion. Projektikansio sisältää kaikki lähteet ja projektin metatiedot, kuten projektin Ant-rakennuskomentosarjan. HelloWeb-projekti aukeaa IDE:ssä. Voit tarkastella sen loogista rakennetta Projects-ikkunassa ja tiedostorakennetta Files-ikkunassa.

Java-paketin ja Java-lähdetiedoston luominen

1. Laajenna Source Packages -solmu. Huomaa, että lähdepakettien solmu sisältää vain tyhjän oletuspakettisolmun.
2. Napsauta Source Packages -solmua hiiren kakkospainikkeella ja valitse New > Java Class. Kirjoita Class Name -tekstiruutuun NameHandler ja Package-pudotusluetteloon org.me.hello. Napsauta Finish-painiketta.
3. Määritä Source Editorissa kenttä kirjoittamalla suoraan luokan määrityksen alle seuraava rivi:

       String name;

4. Lisää seuraava rivi nameHandler() -metodiin:

       name = null;

Haku/asetus (getter/setter) -metodien luominen

1. Napsauta hiiren kakkospainikkeella sanaa name kentän määrityksessä luokan alussa ja valitse Refactor > Encapsulate Fields. Napsauta Next-painiketta komennon suorittamiseksi oletusasetuksilla.
2. Valitse Do Refactoring. Haku/asetus (getter/setter) -metodit luodaan name-kentälle ja sen käyttötaso muutetaan yksityiseksi. Java-luokan pitäisi nyt näyttää tällaiselta:

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

JavaServer Pages -oletustiedoston muokkaaminen

1. Laajenna HelloWeb-projektisolmu ja Web Pages -solmu. Huomaa, että IDE on luonut JavaServer Pages -oletustiedoston index.jsp puolestasi. Luodessasi projektin IDE avaa index.jsp-tiedoston Source Editorissa.
2. Valitse index.jsp-välilehti Source Editorissa. index.jsp-tiedosto on nyt valittuna Source Editorissa.
3. Laajenna HTML-muodot Source Editorin oikeassa laidassa olevassa paletissa (Palette) ja vedä muoto <h1>-tunnuksen alle Source Editorissa. Insert Form -valintaikkuna aukeaa:

   

   Määritä seuraavat arvot:

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

   Napsauta OK-painiketta. Muoto lisätään index.jsp-tiedostoon.

4. Vedä Text Input -nimike heti </form>-tunnuksen eteen.

   Määritä seuraavat arvot:

   • Name: name
   • Type: text

   Napsauta OK-painiketta. Text Input lisätään <form>-tunnusten väliin.

5. Vedä Button-nimike heti </form>-tunnuksen eteen.

   Määritä seuraavat arvot:

   • Label: OK
   • Type: submit

   Napsauta OK-painiketta. Button lisätään <form>-tunnusten väliin.

6. Kirjoita Enter your name: <input>-tunnuksen eteen ja muuta <h1>-tunnusten välillä oleva teksti muotoon Entry Form.

   <body>-tunnusten välillä olevat tunnukset näyttävät nyt seuraavanlaisilta:

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

JavaServer Pages -tiedoston luominen

1. Laajenna HelloWeb-projektisolmu ja Web Pages -solmu.
2. Napsauta Web Pages -solmua hiiren kakkospainikkeella ja valitse New > JSP. Anna JavaServer Pages -tiedostolle nimi response ja napsauta Finish-painiketta.

   Uusi response.jsp aukeaa Source Editorissa.

3. Laajenna JSP Source Editorin oikeassa laidassa olevassa paletissa ja vedä Use Bean -nimike heti <h1>-tunnuksen alle Source Editorissa.

   Määritä seuraavat arvot:

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

   Napsauta OK-painiketta. Use Bean lisätään <body>-tunnuksen alle.

4. Lisää Get Bean Property -nimike ja Set Bean Property -nimike paletista. Muuta koodi sitten siten, että <body>-tunnusten välissä olevat tunnukset näyttävät seuraavanlaisilta:

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