You will split the user interface of the Welcome application into two views, the StartView (which was just created in the last step) and the ResultView. You can think of each of these views as an entity encompassing the elements of a UI that belong together. The Web Dynpro concept allows you to split the user interface into an arrangement of views. Provided you accepted the default settings in step 5, the window has the same name as the component (WelcomeComponent).Ĭreating further ViewsUsers need elements within the user interface to interact with the application. Since our Web Dynpro component possesses views, which provide a visual representation of the application, a Window containing the initial view is also created. Once it has finished, it automatically opens the Data Modeler view (on the right pane) and inserts an additional substructure for the new Web Dynpro component WelcomeComponent in the Web Dynpro Explorer. ResultThe wizard performs several generation routines. Save the new project data by choosing the icon from the toolbar. Accept the other suggested values and choose Finish. Enter the name WelcomeComponent for your Web Dynpro component and specify the package name (such as ) for the Java classes that will be generated. To open the wizard, choose Create Web Dynpro Component. Expand the Web Dynpro node and open the context menu for Web Dynpro Components. PrerequisitesThe structure of the Welcome project you have created is currently displayed in the Webġ. Thus, before you move on to defining the layout, navigation, event handlers, and so on, you must start by creating a Web Dynpro Component explicitly. These additional elements are encapsulated in a Web Dynpro component. From now on, the Web Dynpro Explorer is your main starting point for all further development activities.Ĭreating a Web Dynpro ComponentThe project structure you have created does not yet include all those elements that will enable you to define the specific functions of a application. ResultThe Web Dynpro perspective displays the structure in the Web Dynpro Explorer. The wizard generates an initial structure for your new Web Dynpro project and automatically opens the Web Dynpro perspective. Give your project the name Welcome and leave the default settings for Project contents and Project language unchanged.Ĥ. Select the Web Dynpro category (in the left pane), followed by Web Dynpro Project (in the right pane). Prerequisites You have launched the SAP NetWeaver Developer Studio.ġ. Once you have set up this structure, you can create the specific components of the Welcome project, define them, and implement the source code. For this reason, you will use the appropriate wizard to generate a suitable project structure for the new Web Dynpro project. Knowledge Basic knowledge of Java would be an advantage as always.Ĭreating a Web Dynpro ProjectTo manage local development objects, you need a project in the Developer Studio. PrerequisitesSystems, installed applications, and authorizations The SAP NetWeaver Developer Studio is installed on your computer. ObjectivesBy 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ĭesign a simple view layout Define data binding for UI elements using context attributes Deploy and run a Web Dynpro application 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. This name should then be added dynamically to a text field and displayed in the welcoming text in the second view. 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. The user interface for this Web application will consist of only two views and will allow you to switch between them. Creating Your First Web Dynpro ApplicationTaskIn the following tutorial, you will be introduced step by step to the basic concepts involved by implementing an elementary Web Dynpro application.