FeaturesPluginsDocs & SupportCommunityPartners

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:

  1. Wählen Sie "Tools" > "Server Manager" vom Hauptfenster aus.
  2. Klicken Sie auf "Add Server". Wählen Sie den Servertyp aus und geben Sie der Instanz einen Namen. Dann klicken Sie auf "Next".
  3. 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

  1. 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".
  2. Unter "Project Name" geben Sie HelloWeb ein. Überprüfen Sie, ob der Kontextpfad /HelloWeb ist.
  3. Ändern Sie die "Project Location" in ein beliebiges Verzeichnis, welches sich auf Ihren Computer befindet, ab. Ab jetzt verweist $PROJECTHOME auf dieses Verzeichnis.
  4. Wählen Sie eine der Empfehlungen für die Struktur des Quellcodes aus, welche eine reine Geschmackfrage ist:
  5. 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.
  6. 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

  1. Klicken Sie auf das Plus von "Source Packages". Sie werden feststellen, dass dieser nur einen leeren voreingestellten Package-Knoten enthält.
  2. 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".
  3. Im Quelleditor, deklarieren Sie eine Variable durch folgende Zeile direkt unter der Klassendeklaration:
        String name;
  4. Fügen Sie folgende Zeile der nameHandler() Konstruktormethode hinzu:
        name = null;

Erzeugen von Getter- and Setter-Methoden

  1. 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.
  2. 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

  1. 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.
  2. Wählen Sie den index.jsp Karteireiter im Quelleditor aus. Jetzt hat die index.jsp Datei den Fokus.
  3. 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:

    Palette

    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.

  4. Platzieren Sie ein "Text Input"-Element genau vor dem </form> Tag.

    Setzen Sie die folgenden Werte:

    • Name: name
    • Type: text

    Klicken Sie auf "OK". Das "Text Input" - Element wird zwischen den <form> Tags eingefügt.

  5. Platzieren Sie ein "Button"-Element genau vor dem </form> Tag.

    Setzen Sie die folgenden Werte:

    • Label: OK
    • Type: submit

    Klicken Sie auf "OK". Das "Button"-Element wird zwischen den <form> Tags eingefügt.

  6. 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:

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

  1. Klicken Sie auf das Plus des "HelloWeb"-Projektknotens und dann auf den "Web Pages"-Knoten.
  2. 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.

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

  4. 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:
  5. <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.

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

  2. Geben Sie Ihren Namen in das Eingabefeld Ihrer deployten index.jsp Seite ein:

    Palette

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

    Palette



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

Bookmark this page

del.icio.us furl simpy slashdot technorati digg
Companion
Projects:
MySQL Database Server   Open JDK: an Open SourceJDK   GlassFish Community: an Open Source Application Server    Mobile & Embedded Community    Open Solaris   java.net - The Source for Java Technology Collaboration   Virtual Box - full virtualizer  Open ESB - The Open Enterprise Service Bus Powered by