Anlegen einer ersten Anwendung mit Web Dynpro ABAP

Mit diesem Tutorial erstellen Sie eine elementare Web-Anwendung. Dabei werden Sie Schritt für Schritt in die grundlegenden Konzepte von Web Dynpro ABAP 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 dabei erstellte Anwendung 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.

Da die einzelnen Schritte genau erklärt werden, können Sie dieses Tutorial ohne weitere Vorkenntnisse durcharbeiten.

1. Sie legen eine Component an und bearbeiten diese.
2. Sie gestalten die erste View.
3. Sie definieren das Context-Mapping der ersten View.
4. Sie definieren die Attributbindung.
5. Sie gestalten die zweite View.
6. Sie bearbeiten den Context der zweiten View.
7. Sie betten die View in ein Window ein.
8. Sie legen die Navigation fest.
9. Sie legen eine Web-Dynpro-Anwendung an und testen diese.