170 likes | 494 Views
Web Dynpro for ABAP(WD4A, WDA) is the SAP standard UI technology for developing Web applications in the ABAP environment.Consists of a graphical development environment with special Web Dynpro tools that are integrated in the ABAP Workbench (SE80).Webdynpro applications are built based on MVC architecture.
E N D
Contents 2 Introduction of WebDynpro MVC Architecture Difference between JAVA and ABAP Webdynpro WDA Components and layout Sample WD Application
INTRODUCTION 3 Web Dynpro for ABAP(WD4A, WDA) is the SAP standard UI technology for developing Web applications in the ABAP environment. Consists of a graphical development environment with special Web Dynpro tools that are integrated in the ABAP Workbench (SE80). Webdynpro applications are built based on MVC architecture.
MVC Architecture • MVC Or "Model View Controller" • Model enables the WD App to fetch data from database or post data into database. • View contains User Interface which helps to display or accept data. • Controller is a medium to connect model and view. 4
Difference between JAVA and ABAP Webdynpro 5 In WDA we use ABAP coding to get data but in Webdynpro JAVA we need RFC's or Webservices to get the data. In WDAthe code is stored centrally in the ABAP server, so it relieves the load from developer’s machine where the code is stored in the case of Webdynpro JAVA. Webdynpro JAVA runs on J2EE engine which can support more number of web users at a time.
WDA Explorer 6 SE 80
Webdynpro View Editor Layout Tab Toolbar to“drag and drop”UI element selection Menu by selecting“Insert Element” View ofcontext menu from Change selection Properties of the UI element 7
WebDynpro Components WebDynpro Components • Windows • Views • Layout • Context • Methods • Component Controllers • Context • Events Window Component Controller View View Controller Context Context View View Controller Context
Context and Data Transport • Context • Like a data container. • Data Transport between controllers can be established with mapping defintion. Window Component Controller View View Controller Context Root Node Context Node 1 Root Node Node 1 View View Controller Context Node 2 Root Node Node 3 Node 3
Data Binding Root Node Root Node FLIGHTS FLIGHTS BOOKINGS BOOKINGS BOOKID BOOKID CUSTID CUSTID CLASS CLASS PASSN PASSN CARRID CARRID CONNID CONNID FLDATE FLDATE PRICE PRICE Data Binding Process View controller context Component controller context Component text View View layout Context mapping Data Binding
Navigation between Views Window CustomerSearch Customer List Out In Inbound plug Outbound plug Navigation link 11
Questions ? Email Us @ support@architectsap.com 12
Worldwide Offices: USA (Dallas) India (Pune)Partner Offices: Monterrey (Mexico) Frankfurt (Germany) Stockholm (Sweden) Email:support@architectsap.com Corporate URL:www.architectsap.com