Installera programvaran

Innan du börjar måste du installera följande programvara:

• NetBeans IDE 5.5 (ladda ner).
• Java Standard Development Kit (JDK™) 5.0 eller 6.0 (ladda ner)

Alternativt kan du ladda ner och använda Sun Java System (SJS) Application Server (ladda ner), JBoss eller WebLogic. Tomcat Web Server som medföljer IDE har dock allt du behöver för webbprogram i två skikt (som det program som beskrivs här). En programserver (som Sun Java System Application Server, JBoss eller WebLogic) behövs endast när du börjar utveckla affärsprogram.

Registrera servern med IDE

Den medföljande Tomcat Web Server registreras autoamtiskt med IDE. Innan du kan implementera Sun Java System Application Server, JBoss eller WebLogic måste du registrera en lokal instans med IDE. Om du har installerat NetBeans IDE 5.5/Sun Java System Application Server-paketet registreras en lokal instans av Sun Java System Application Server automatiskt. I annat fall vidtar du följande åtgärder:

1. Öppna Tools-menyn > Server Manager i huvudfönstret.
2. Klicka på Add Server. Välj servertyp och ge instansen ett namn. Klicka på Next.
3. Ange serverinformation, sökvägen till den lokala instansen av programservern och den domän som du vill använda.

Skapa nytt projekt för webbprogram

1. Öppna File-menyn > New Project. Välj Categories > Web. Välj Projects > Web Application och klicka på Next.
2. Skriv HelloWeb under Project Name. Observera att Context Path ska vara /HelloWeb.
3. Ändra Project Location till önskad katalog på datorn. I fortsättningen benämns denna katalog $PROJECTHOME.
4. Välj de rekommendationer som källstrukturen ska följa (helt och hållet en fråga om personliga preferenser):
   • Java BluePrints. För vidare information, se http://java.sun.com/blueprints/code/projectconventions.html.
   • Jakarta. För vidare information, se http://jakarta.apache.org/tomcat/tomcat-5.5-doc/.
5. Välj den server som programmet ska distribueras till. Endast servrar som registreras hos IDE visas.
6. Lämna Set as Main Project förkryssad. Klicka på Finish.

   Projektmappen $PROJECTHOME/HelloWeb skapas. Projektmappen innehåller alla källor och metadata för projektet, t.ex. dess Ant-byggskript. HelloWeb-projektet öppnas i IDE. I Projects-fönstret visas dess logiska struktur, medan filstrukturen visas i Files-fönstret.

Skapa Java-paket och Java-källfiler

1. Expandera noden Source Packages. Observera att denna nod endast innehåller en tom standardpaketsnod.
2. Högerklicka på Source Packages-noden och välj New > Java Class. Ange NameHandler i textrutan Class Name och skriv org.me.hello i den dolda Package-listan. Klicka på Finish.
3. I Source Editor deklarerar du ett fält genom att skriva följande rad direkt under klassdeklarationen:

       String name;

4. Lägg till följande rad i metoden nameHandler():

       name = null;

Generera get- och set-metoder

1. Högerklicka på name i fältdeklarationen i början av klassen och välj Refactor > Encapsulate Fields. Klicka på Next för att köra kommandot med dess standardalternativ.
2. Klicka på Do Refactoring. Get- och set-metoderna genereras för name-fältet. Åtkomstnivån ändras till Private. Java-klassen ska nu se ut ungefär så här:

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

Redigera standardfilen JavaServer Pages

1. Expandera noderna för HelloWeb-projektet och Web Pages. Observera att IDE har skapat en standardversion av JavaServer Pages-filen, index.jsp. När projektet skapas öppnades index.jsp-filen i Source Editor.
2. Välj fliken index.jsp. Filen index.jsp fokuseras i Source Editor.
3. Expandera HTML Forms i paletten till höger i Source Editor och dra ett formulärobjekt under <h1>-taggarna. Dialogrutan Insert Form öppnas:

   

   Ange följande värden:

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

   Klicka på OK. Formuläret läggs till i index.jsp-filen.

4. Dra ett textinmatningsobjekt och släpp det precis framför </form>-taggen.

   Ange följande värden:

   • Name: name
   • Type: text

   Klicka på OK. Texten läggs till mellan <form>-taggarna.

5. Dra ett knappobjekt och släpp det precis framför </form>-taggen.

   Ange följande värden:

   • Label: OK
   • Type: submit

   Klicka på OK. Knappen läggs till mellan <form>-taggarna.

6. Skriv in Enter your name: före <input>-taggen och ändra texten mellan <h1>-taggarna till Entry Form.

   Taggarna mellan <body>-taggarna ser nu ut så här:

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

Skapa JavaServer Pages-filer

1. Expandera noderna för HelloWeb-projektet och Web Pages.
2. Högerklicka på Web Pages-noden, välj New > JSP, namnge JavaServer Pages-filen response och klicka på Finish.

   Den nya response.jsp-filen öppnas i Source Editor.

3. Expandera JSP i paletten till höger i Source Editor, dra ett Use Bean-objekt och släpp det under <body>-taggen.

   Ange följande värden:

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

   Klicka på OK. Use Bean läggs till under <body>-taggen.

4. Lägg till ett Get Bean Property-objekt och välj ett Set Bean Property-objekt från paletten. Ändra sedan koden så att taggarna mellan <body>-taggarna ser ut så här:

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