Creating Your First Application with Web Dynpro ABAP

With this tutorial you create an elementary web application. You will be introduced to the basic concepts of Web Dynpro ABAP step by step.

The user interface for this Web Dynpro-based application will consist of only two views and will allow you to switch between them. The context of the component controller and the contexts of the two view controllers are used to accept an input value from the first view, to pass it to the second view and to display it there. The aim of this exercise is to import a short text (such as a name) into the input field of the first view and to display it again in the second view.

The exercise avoids having to design the views; only those UI elements that are required for the logic are used. You can therefore use the application you create to test independently the options that the Web Dynpro ABAP provides, using additional UI elements and developing the available elements.

As the individual steps are explained precisely, you do not require any previous knowledge to complete this tutorial.

1. You create a component and edit it.
2. You create the first view.
3. You define context mapping for the first view.
4. You define the attributes.
5. You create the second view.
6. You edit the context of the second view.
7. You embed the view into a window.
8. You define the navigation.
9. You create a Web Dynpro application and test it.