Einführung in die Entwicklung von Webanwendungen
Dieses Dokument erläutert die Grundlagen für die Entwicklung von
Webanwendungen mit Hilfe der NetBeans IDE 5.5 und dient dazu, einen schnellen
Überblick zu bekommen. Für mehr Informationen über das Arbeiten mit der
NetBeans IDE gehen Sie zur Support and
Docs Seite des NetBeans - Internetauftritts.
Mit dieser Anleitung erstellen Sie eine einfache Webanwendung. Sie
deployen diese und führen sie dann aus. Diese Anwendung benutzt eine
JavaServer Pages™ Seite, die Sie bittet Ihren Namen einzugeben. Dann kommt eine
JavaBeans™ Komponente zum Einsatz, um den Namen dauerhaft innerhalb der
HTTP Session zu speichern und gibt den Namen auf einer anderen JavaServer
Pages™ Seite wieder aus.
Erstellen eines "Web Application"-Projekts
Bevor Sie anfangen Code zu schreiben, verwissern Sie sich, dass die
notwendige Software installiert ist und Ihr Projekt korrekt eingerichtet
ist.
Installieren der Software
Bevor Sie beginnen können, muß folgende Software auf Ihrem Computer
installiert sein:
Optional können Sie sich den Sun Java System (SJS) Applikationsserver (download), JBoss
oder WebLogic herunterladen und verwenden. Jedoch der Tomcat Webserver, der
mit der Programmierumgebung ( IDE ) mitgeliefert wird, reicht völlig aus, um
2-Tier Webanwendungen zu entwickeln, wie solch eine, die mit dieser Anleitung
erstellt werden soll. Ein Applikationsserver (wie der SJS Application
Server, JBoss, oder WebLogic) wird nur benötigt, wenn man Geschaftsanwendungen
entwickeln möchte.
Registrierung des Servers in der IDE
Der mitgelieferte Tomcat Webserver ist automatisch in der IDE registriert.
Bevor Sie etwas auf den SJS Applikationsserver, JBoss oder WebLogic deployen
können, müßen Sie eine lokale Instanz in der IDE registrieren. Wenn Sie
das Paket "NetBeans IDE 5.5/SJS Application Server" installiert haben, ist
eine lokale Instanz des SJS Applikationsservers schon automatisch registriert
wurden. Ist dem nicht so, dann führen Sie folgende Schritte aus:
- Wählen Sie "Tools" > "Server Manager" vom Hauptfenster aus.
- Klicken Sie auf "Add Server". Wählen Sie den Servertyp aus und geben
Sie der Instanz einen Namen. Dann klicken Sie auf "Next".
- Geben Sie nun genaue Informationen über den Server an: den Speicherort
der lokalen Instanz des Applikationsservers und die Domäne, zu welcher
deployt werden soll.
Ein neues "Web Application"-Projekt erstellen
- Wählen Sie "File" > "New Project" aus. Unter "Categories", wählen
Sie "Web" aus und dann unter "Projects" "Web Application". Danach klicken
Sie auf "Next".
- Unter "Project Name" geben Sie HelloWeb ein. Überprüfen
Sie, ob der Kontextpfad /HelloWeb ist.
- Ändern Sie die "Project Location" in ein beliebiges Verzeichnis,
welches sich auf Ihren Computer befindet, ab. Ab jetzt verweist
$PROJECTHOME auf dieses Verzeichnis.
- Wählen Sie eine der Empfehlungen für die Struktur des Quellcodes aus,
welche eine reine Geschmackfrage ist:
- Wählen Sie den Server aus, zu welchem Ihre Anwendung deployt werden
soll. Es werden nur Server aufgelistet, die in der IDE registriert wurden
sind.
- Lassen Sie "Set as Main Project" angehakt. Klicken Sie auf "Finish".
Die IDE erstellt das Verzeichnis $PROJECTHOME/HelloWeb
. Das Projektverzeichnis enthält den gesamten Quellcode und Metadaten
des Projekts, wie z.B. das Ant-Build-Skript des Projektes. Das
"HelloWeb" Projekt wird in der IDE geöffnet. Sie können dessen logische
Struktur im Projektfenster (Projects ) sehen sowie die Struktur der
Dateien im Dateifenster ( Files ).
Erstellen und Ändern von Quelldateien einer
Webanwendung
Erstellen und Ändern von Quelldateien ist die wichtigste Funktion, die
eine IDE bereitstellt. Schließlich ist es genau das, was die meiste Zeit in
Anspruch nimmt. Die IDE stellt Ihnen eine Vielzahl von Werkzeugen, die die
persönliche Stile der Entwickler berücksichtigen. Ob Sie es nun vorziehen
händisch zu coden oder der IDE es Überlassen, eine Menge Code für Sie zu
generieren.
Erstellen eines Java Package und einer Javaquelldatei
- Klicken Sie auf das Plus von "Source Packages". Sie werden feststellen,
dass dieser nur einen leeren voreingestellten Package-Knoten
enthält.
- Klicken Sie auf die rechte Maustaste des "Source Package"-Knotens und
wählen Sie "New" > "Java Class" aus. Geben Sie NameHandler
in das Eingabefeld des Klassennamens ein und tippen Sie
org.me.hello in die "Package"-Auswahlbox ein. Klicken Sie auf
"Finish".
- Im Quelleditor, deklarieren Sie eine Variable durch folgende Zeile
direkt unter der Klassendeklaration:
String name;
- Fügen Sie folgende Zeile der nameHandler() Konstruktormethode hinzu:
name = null;
Erzeugen von Getter- and Setter-Methoden
- Machen Sie einen Rechtsklick auf das Wort name in der
Variablendeklaration am Anfang der Klasse und wählen Sie "Refactor" >
"Encapsulate Fields" aus. Klicken Sie "Next", um das Kommando mit den
voreingestellten Optionen auszuführen.
- Klicken Sie auf "Do Refactoring". Für die Instanzvariable name werden Getter- und Setter-Methoden erzeugt und ihre Sichtbarkeit wird
auf "private" geändert. Die Javaklasse sollte jetzt ähnlich wie diese
aussehen:
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;
}
}
Verändern der voreingestellten JavaServer Pages™
Datei
- Klicken Sie auf das Plus des "HelloWeb"-Projektknotens und dann auf den
"Web Pages"-Knoten. Sie werden feststellen, dass die IDE eine
voreingestellte JavaServer Pages™ Datei index.jsp für Sie
erstellt hat. Als Sie das Projekt erstellten, öffnete die IDE die
index.jsp Datei im Quelleditor.
- Wählen Sie den index.jsp Karteireiter im Quelleditor aus.
Jetzt hat die index.jsp Datei den Fokus.
- In der Palette, die sich auf der rechten Seite des Quelleditors
befindet, klicken Sie auf das Plus von "HTML Forms" und ziehen ein
"Form"-Element unter den <h1> Tags im Quelleditor. Die
"Insert Form" - Dialogbox erscheint:

Setzen Sie die folgenden Werte:
- Action: response.jsp
- Method: GET
- Name: Name Input Form
Klicken Sie auf "OK". Das "Form"-Element wird der index.jsp
hinzugefügt.
- Platzieren Sie ein "Text Input"-Element genau vor dem
</form> Tag.
Setzen Sie die folgenden Werte:
Klicken Sie auf "OK". Das "Text Input" - Element wird zwischen den
<form> Tags eingefügt.
- Platzieren Sie ein "Button"-Element genau vor dem
</form> Tag.
Setzen Sie die folgenden Werte:
Klicken Sie auf "OK". Das "Button"-Element wird zwischen den
<form> Tags eingefügt.
- Tippen Sie Enter your name: vor dem <input>
Tag ein und ändern Sie den Text zwischen den <h1> Tags zu
Entry Form.
Zwischen den <body> Tags sollte es jetzt wie folgt
aussehen:
<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>
Erzeugen einer JavaServer Pages™ Datei
- Klicken Sie auf das Plus des "HelloWeb"-Projektknotens und dann auf den
"Web Pages"-Knoten.
- Machen Sie einen rechten Mausklick auf den "Web Pages"-Knoten und
wählen Sie "New" > "JSP". Nennen Sie die JavaServer Pages™ Datei
response und klicken Sie auf "Finish".
Die neu erstellte response.jsp wird im Quelleditor
geöffnet.
- In der Palette, die sich auf der rechten Seite des Quelleditors
befindet, klicken Sie auf das Plus von "JSP" und ziehen Sie ein "Use
Bean"-Element direkt unter dem <body> Tag im Quelleditor.
Setzen Sie die folgenden Werte:
- ID: mybean
- Class: org.me.hello.NameHandler
- Scope: session
Klicken Sie auf "OK". Das "Use Bean"-Element wird unter dem
<body> Tag hinzugefügt.
- Fügen Sie ein "Get Bean Property"- und ein "Set Bean Property"-Element
von der Palette hinzu. Dann ändern Sie den Code, so dass es zwischen den
<body> Tags wie folgt ausieht:
<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>
Das Builden und Ausführen eines "Web Application"-Projekts
Die IDE benutzt ein Ant-Build-Skript für das Builden und Ausführen der Webanwendung. Die IDE erzeugt ein Build-Skript mit den
Einstellungen, die Sie jeweils bei der "New Project"- und der "Project
Properties"-Dialogbox eingegeben haben.
- Wählen Sie "Run">"Run Main Project (F6)" vom "Run"-Menü aus.
Die IDE builds die Webanwendung und deployt diese auf jenen Server,
der bei der Projekterstellung angegeben wurden ist.
- Geben Sie Ihren Namen in das Eingabefeld Ihrer deployten
index.jsp Seite ein:

Klicken Sie auf "OK". Die response.jsp Seite sollte sich
öffnen und Sie begrüßen:

Die nächsten Schritte
Mehr Information über die Entwicklung von Webanwendungen mit der NetBeans
IDE 5.5 gibt es unter den folgenden Links:
Um Kommentare und Anregungen zu senden, um Unterstützung zu bekommen oder
um über die neuesten Entwicklungen der Java EE Entwicklungsfeatures in der
NetBeans IDE 5.5 informiert zu sein, treten Sie der englischsprachigen
Mailingliste "nbj2ee@netbeans.org" bei. Mehr Informationen über zukünftige
Java EE Entwicklungsfeatures erhalten Sie auf dieser Seite: http://j2ee.netbeans.org/.