Creating Your First Web Dynpro Application
Creating Your First Web Dynpro Application
From a technological point of view, SAPs Web Dynpro for Java and ABAP is a revolutionary step in the development of Web-based user interfaces. It is completely unlike any design paradigm previously used by SAP and represents a quantum leap in the development of Web-based enterprise resource planning (ERP) applications. Web Dynpro applications are built using declarative programming techniques based on the Model View Controller (MVC) paradigm. That is, you specify which user interface elements you wish to have on the client, and where those elements will get their data from. You also define the possible navigation paths declaratively in your application. All the code to create the user interface is then generated automatically within a standard runtime framework. This relieves you from the repetitive coding tasks involved in writing HTML and making it interactive with JavaScript. ABAP Web Dynpro has been available since SAP NetWeaver 7.0 (SAP NetWeaver Application Server 7.0). For developing the entities of a Web Dynpro application, the Object Navigator (transaction code SE80) has been enhanced. Web Dynpro is designed to support structured development. The software modularization units are Web Dynpro components, which can be combined to build up complex applications.
Task
In the following tutorial, you will be introduced step by step to the basic concepts involved by implementing an elementary Web Dynpro application. The user interface for this Web application will consist of only two views and will allow you to switch between them. In the first view, the user should be able to enter his or her name in an input field and navigate to the next view using a Go button. This name should then be added dynamically to a text field and displayed in the welcoming text in the second view. In the following sections, you will get to know each of these stages in turn: Creating a suitable project framework; designing the UI; implementing the event handlers; defining data binding for UI elements; and finally, deploying and executing the Welcome application on the J2EE server. User Interface template:
Objectives
By the end of this tutorial, you will be able to: ! ! ! ! ! ! Create a project for a Web Dynpro application and its associated development objects Create views and define a navigation scheme for the application Create actions for the views and implement simple event handlers Design a simple view layout Define data binding for UI elements using context attributes Deploy and run a Web Dynpro application
Prerequisites
Systems, installed applications, and authorizations
The SAP NetWeaver Developer Studio is installed on your computer. You have access to the SAP J2EE Engine.
Knowledge
You can find the complete Web Dynpro ABAP documentation with information about architecture, system configuration, administration, development, security, and references in Web Dynpro ABAP. The concept of Web Dynpro ABAP is identical with Web Dynpro Java and offers more or less the same functions.