Instalacja oprogramowania

Przed rozpoczęciem pracy należy zainstalować następujące oprogramowanie:

• NetBeans IDE 5.5 (ściągnij).
• Java Standard Development (JDK™), wersja 5.0 lub 6.0 (ściągnij)

Opcjonalnie można ściągnąć i korzystać z Sun Java System (SJS) Application Server (ściągnij), JBoss lub WebLogic. Jednakże, Tomcat Web Server rozprowadzany z IDE jest wystarczający dla dwuwarstwowych aplikacji sieciowych, takich jak opisana tutaj. Serwer aplikacji (taki jak SJS Application Server, JBoss lub WebLogic) jest wymagany jedynie w przypadkach tworzenia aplikacji typu enterprise.

Rejestracja serwera w IDE

Załączony Tomcat Web Server jest automatycznie rejestrowany w IDE. Jednakże, przed uruchomieniem serwera SJS Application Server, JBoss lub WebLogic należy zarejestrować go w IDE. W przypadku instalacji pakietu NetBeans IDE 5.5/SJS Application Server ten ostatni jest rejestrowany automatycznie. W przeciwnym przypadku należy wykonać następujące kroki:

1. W głównym oknie wybierz polecenie Tools > Server Manager.
2. Kliknij Add Server. Wybierz typ serwera i nadaj nazwę instancji. Następnie kliknij Next.
3. Wpisz informacje dotyczące serwera, lokalizację jego lokalnej instancji i wykorzystywaną domenę.

Tworzenie nowego projektu aplikacji internetowej

1. Wybierz polecenie File > New Project. W opcji Categories wybierz Web. W opcji Projects wybierz Web Application i kliknij Next.
2. W polu Project Name wpisz HelloWeb. Zauważ, że Context Path przyjmuje postać /HelloWeb.
3. Wybierz dowolny folder jako Project Location. Od tego momentu folder ten będzie traktowany jako $PROJECTHOME.
4. Zgodnie z osobistymi preferencjami wybierz zalecenia, do których będzie się odnosić struktura twojego projektu:
   • Java BluePrints. Więcej informacji znajduje się pod adresem http://java.sun.com/blueprints/code/projectconventions.html.
   • Jakarta. Więcej informacji znajduje się pod adresem http://jakarta.apache.org/tomcat/tomcat-5.5-doc/.
5. Wybierz serwer, na którym chcesz uruchomić aplikację. Widoczne są tylko serwery zarejestrowane w IDE.
6. Pozostaw zaznaczone pole Set as Main Project. Kliknij Finish.

   IDE utworzy folder projektu $PROJECTHOME/HelloWeb. Folder projektu zawiera wszystkie metadane plików źródłowych i projektu, takie jak skrypt projektu Ant. Projekt HelloWeb zostanie otworzony w IDE. W oknie Projects można zobaczyć jego logiczną strukturę, a w oknie File strukturę plików.

Tworzenie Java Package i Java Source File

1. Rozwiń węzeł Source Packages. Zauważ, że węzeł Source Packages domyślnie zawiera tylko pusty węzeł.
2. Kliknij prawym klawiszem myszy na węzeł Source Packages i wybierz polecenie New > Java Class. Wprowadź tekst NameHandler w pole Class Name i wpisz org.me.hello w rozwijane pole Package. Kliknij Finish.
3. W Source Editor zadeklaruj pole wpisując następujący tekst poniżej deklaracji klasy:

       String name;

4. Dodaj następujący wiersz w metodzie nameHandler():

       name = null;

Tworzenie metod Getter i Setter

1. Kliknij prawym klawiszem myszy słowo name w deklaracji pola na początku klasy i wybierz polecenie Refactor > Encapsulate Fields. Aby wykonać polecenie z domyślnymi opcjami, kliknij Next.
2. Kliknij Do Refactoring. Metody Getter i Setter są tworzone dla pola name i poziom dostępu jest zmieniony na prywatny. Klasa Java powinna wyglądać podobnie do tej:

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

Edycja domyślnego pliku JavaServer Pages

1. Rozwiń węzeł projektu HelloWeb i węzeł Web Pages. Zauważ, że IDE utworzył domyślny plik JavaServer Pages index.jsp. Przy tworzeniu projektu IDE otwiera plik index.jsp w Source Editor.
2. Wybierz zakładkę index.jsp w Source Editor. Plik index.jsp jest teraz aktywny.
3. W palecie po prawej stronie Source Editor rozwiń HTML Forms i przeciągnij pozycję formularza poniżej znaczników <h1>. Pojawi się pole dialogowe Insert Form:

   

   Ustaw następujące wartości:

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

   Kliknij OK. Do pliku index.jsp zostanie dodany formularz.

4. Przeciągnij element Text Input przed znacznik </form>.

   Ustaw następujące wartości:

   • Name: name
   • Typ: text

   Kliknij OK. Element Text Input zostanie dodany pomiędzy znaczniki <form>.

5. Przeciągnij element Button bezpośrednio przed znacznik </form>.

   Ustaw następujące wartości:

   • Label: OK
   • Typ: submit

   Kliknij OK. Element Button zostanie dodany pomiędzy znaczniki <form>.

6. Wpisz Enter your name: przed znacznik <input> i zamień tekst pomiędzy znacznikami <h1> na Entry Form.

   Znaczniki pomiędzy znacznikami <body> wyglądają teraz następująco:

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

Tworzenie pliku JavaServer Pages

1. Rozwiń węzeł projektu HelloWeb i węzeł Web Pages.
2. Kliknij prawym klawiszem myszy węzeł Web Pages i wybierz polecenie New > JSP, nadaj nazwę plikowi JavaServer Pages response i kliknij Finish.

   W Source Editor zostanie otwarty nowy plik response.jsp.

3. W palecie po prawej stronie Source Editor rozwiń JSP i przeciągnij element Use Bean bezpośrednio poniżej znacznika <body>.

   Ustaw następujące wartości:

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

   Kliknij OK. Element Use Bean zostanie dodany pod znacznikiem <body>.

4. Dodaj element Get Bean Property i Set Bean Property z palety. Nastepnie zmień kod pomiędzy znacznikami <body> na następujący:

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