Lerneinheit 3: Webprojekt und Composite für Widgetimplementierungen erstellen

Informationen zu diesem Vorgang

In dieser Lerneinheit erstellen Sie ein Webprojekt und ein zugehöriges Composite. Es gibt grundlegende Ressourcen, die für die Komponenten 'NewsComponentAtom' und 'NewsComponentHttp' erforderlich sind, die Sie in den nächsten beiden Lerneinheiten entwickeln. Der Projekttyp ist ein Webprojekt, da die Implementierung als Webanwendung durchgeführt wird; die Komponentenimplementierungen sind HTML-Widgets. Diese Widgets sind Clients für die Services, die Sie für die Komponente 'NewsComponent' in der vorherigen Lerneinheit erstellt haben. Sie fügen SCA-Unterstützung zum Projekt hinzu, damit Sie die SCA-Komponenten innerhalb des Webprojekts entwickeln können. Für Widgetimplementierungen erfordert die Laufzeit außerdem Dojo-Unterstützung.

SCA-erweitertes Webprojekt mit Dojo-Unterstützung erstellen

Informationen zu diesem Vorgang

Die Widgets werden innerhalb einer Webanwendung implementiert. Für das Projekt ist SCA-Unterstützung erforderlich, damit SCA-Komponenten erstellt und konfiguriert werden können. Dojo-Unterstützung ist für das Projekt erforderlich, weil die Widgetimplementierungen die Dojo-JavaScript-Bibliothek verwenden.

Vorgehensweise

Öffnen Sie den Webprojektassistenten. Wählen Sie Datei > Neu > Webprojekt aus. Der Assistent wird geöffnet.
Benennen Sie das Projekt und wählen Sie die Schablone und das Toolkit aus. Geben Sie in der ersten Anzeige des Assistenten scaWeb20Client in das Feld Name ein. Wählen Sie für die Projektschablone Dojo-Toolkit aus. Wählen Sie für das Programmiermodell Java EE aus. Klicken Sie auf Weiter.
Konfigurieren Sie die Einstellungen für das Dojo-Toolkit. Stellen Sie auf der Assistentenseite sicher, dass Dojo-Toolkit in der Spalte auf der linken Seite ausgewählt ist. Stellen Sie im Abschnitt Übersicht über Dojo-Projektkonfiguration sicher, dass 'Dojo Toolkit SDK 1.9.1' verfügbar ist und in die Speicherposition dojo des Projekts kopiert wird. Wenn Sie Änderungen vornehmen müssen, klicken Sie auf die Schaltfläche Diese Konfigurationsoptionen ändern und führen Sie die Schritte des Konfigurationsassistenten für Dojo-Projekte aus.
Konfigurieren Sie die Implementierungseinstellungen. Klicken Sie in der linken Spalte des Assistenten auf Implementierung. Aktualisieren Sie die Werte wie folgt:
Ziellaufzeit

WebSphere Application Server v7.0 oder v8.0

Version des dynamischen Webmoduls

2.5 oder 3.0

EAR-Zugehörigkeit

scaWeb20ClientEAR. Stellen Sie sicher, dass das Kontrollkästchen Projekt einer EAR hinzufügen ausgewählt ist.
Klicken Sie auf Fertig stellen. Das Webprojekt wird erstellt. Wenn Sie aufgefordert werden, die Webperspektive zu öffnen, klicken Sie auf Nein.
Fügen Sie SCA-Unterstützung zum Projekt 'scaWeb20Client' hinzu. Klicken Sie mit der rechten Maustaste auf das Projekt 'scaWeb20Client' und wählen Sie Konfigurieren > SCA 1.0-Unterstützung hinzufügen aus. Der Assistent zum Hinzufügen von SCA-Unterstützung zum Projekt wird geöffnet. Wählen Sie für Ziellaufzeit und Facettenkonfiguration Werte aus, die dem Server entsprechen, auf dem Sie die Implementierung vornehmen. Stellen Sie im Abschnitt Implementierungstypen für SCA-Komponenten sicher, dass Widget ausgewählt ist. Klicken Sie auf Fertig stellen.

Composite mit dem Namen 'default' erstellen

Informationen zu diesem Vorgang

In diesem Abschnitt erstellen Sie ein Composite, das die beiden Web-Client-Komponenten enthalten soll, die im Lernprogramm zu einem späteren Zeitpunkt entwickelt werden. Composites, die in Webprojekte auf dem WebSphere Application Server implementiert werden sollen, müssen die Bezeichnung default haben und sich im Verzeichnis WebContent/META-INF/sca-deployables/ des Webprojekts befinden.

Vorgehensweise

Öffnen Sie den Composite-Assistenten. Klicken Sie mit der rechten Maustaste auf das Projekt 'scaWeb20Client' und wählen Sie Neu > SCA 1.0-Composite aus. Daraufhin wird der Composite-Assistent geöffnet.
Erstellen Sie ein Composite. Stellen Sie sicher, dass im Composite-Assistent Konventionelles Composite ausgewählt ist. Geben Sie für den Rest des Assistenten die folgenden Werte ein:
Compositename

default

Zielnamensbereich

http://temp

Compositepfad

/scaWeb20Client/WebContent/META-INF/sca-deployables/default.composite
Klicken Sie auf 'Fertig stellen'. Das Composite wird erstellt.

Datei 'index.html' erstellen

Informationen zu diesem Vorgang

In diesem Abschnitt erstellen Sie eine einfache index.html-Seite mit Links für den Zugriff auf die HTML-Dateien für Widgetimplementierungen, die zu einem späteren Zeitpunkt im Lernprogramm entwickelt werden. Die Datei 'index.html' stellt Browsern einen Eingangspunkt für die Anwendung bereit.

Vorgehensweise

Öffnen Sie den Webseitenassistenten. Klicken Sie mit der rechten Maustaste auf den Ordner mit Webinhalten im Projekt 'scaWeb20Client' und wählen Sie Neu > Webseite aus. Der Assistent für neue Webseiten wird geöffnet.
Erstellen Sie eine Datei vom Typ 'index.html'. Geben Sie in das Feld Dateiname die Zeichenfolge index.html ein. Wählen Sie HTML im Abschnitt Schablone aus. Klicken Sie auf Fertigstellen.
Fügen Sie Links zur Datei 'index.html' hinzu. Klicken Sie im Webseiteneditor auf die Registerkarte Quelle und ersetzen Sie die Quelle in der Datei durch folgende Angabe:
```
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>index</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
</head>

<body>
<a href="NewsComponentAtom.html">Atom binding sample</a><br/>
<a href="NewsComponentHttp.html">HTTP binding sample</a>
<br />
</body>
</html>
```
Die Datei 'index.html' enthält Links zu den Dateien 'NewsComponentAtom.html' und 'NewsComponentHttp.html'. Diese Dateien sind die Widgetimplementierungen, die in der Anwendung entwickelt wurden.

< Zurück | Weiter >

Feedback