Lassen Sie uns mit der Erstellung einer elementaren Web-Anwendung beginnen. Sie werden im folgenden Quick-Start Schritt für Schritt in die grundlegenden Konzepte bei der Realsierung einer einfachen Anwendung eingeführt.

Das User-Interface dieser Web-Dynpro-basierten Anwendung soll aus lediglich zwei Views bestehen und eine Navigation zwischen diesen beiden Views erlauben. Der Context des Component-Controllers sowie die Contexte der beiden View-Controller werden dazu benutzt, einen Eingabewert von der ersten View anzunehmen, zur zweiten View weiterzureichen und dort anzuzeigen. Das Ziel dieser Übung ist es, einen kurzen Text (z.B. einen Namen) auf dem InputField der ersten View einzulesen und ihn auf der zweiten View wieder anzuzeigen.

Die Übung verzichtet gänzlich auf die grafische Ausgestaltung der beteiligten Views, es werden lediglich die für die Logik nötigen UI-Elemente eingesetzt. Sie können die abgeschlossene Übung daher sehr gut verwenden, um später selbständig mit zusätzlichen UI-Elementen und der Ausgestaltung der vorhandenen Elemente die Möglichkeiten von Web Dynpro ABAP auszuprobieren.

Im folgenden werden Sie die einzelnen Schritte kennen lernen, angefangen vom Anlegen der Component über das Designen der Benutzeroberflächen, Pflegen der Contexte, Implementieren der erforderlichen Ereignissbehandler bis hin zum Ausführen der Anwendung.