sap wd with abap
TRANSCRIPT
-
8/22/2019 SAP WD with ABAP
1/13
Webdynpro ABAP
-
8/22/2019 SAP WD with ABAP
2/13
Contents
Introduction of WebDynpro
MVC Architecture
Difference between JAVA and ABAP Webdynpro
WDA Components and layout
Sample WD Application
-
8/22/2019 SAP WD with ABAP
3/13
INTRODUCTION
Web Dynpro for ABAP(WD4A, WDA) is the SAP standard UI technology for developing
applications in the ABAP environment.
Consists of a graphical development environment with special Web Dynpro tools that integrated in the ABAP Workbench (SE80).
Webdynpro applications are built based on MVC architecture.
-
8/22/2019 SAP WD with ABAP
4/13
MVC Architecture
MVC Or "Model View Controller"
Model enables the WD App to fetch data fromdatabase or post data into database.
View contains User Interface which helps todisplay or accept data.
Controller is a medium to connect model andview.
-
8/22/2019 SAP WD with ABAP
5/13
Difference between JAVA and ABAP Webdynpro
In WDA we use ABAP coding to get data but in Webdynpro JAVA we need RFC's or
Webservices to get the data.
In WDA the code is stored centrally in the ABAP server, so it relieves the load fromdevelopers 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 a
time.
-
8/22/2019 SAP WD with ABAP
6/13
WDA Explorer
SE 80
-
8/22/2019 SAP WD with ABAP
7/13
Webdynpro View Editor
Layout Tab Toolbar to drag and drop
UI element selection
Menu by selectingInsert
Element
Properties of the UI
element
View of context menu
from Change
selection
-
8/22/2019 SAP WD with ABAP
8/13
WebDynpro Components
Windows Views
Layout
Context
Methods
Component Controllers
Context
Events
Window
View
Controller
View
Component
ControllerView
Controller
View
Context Context
Context
WebDynpro Components
-
8/22/2019 SAP WD with ABAP
9/13
Context and Data Transport
Context Like a datacontainer.
Data Transport
between
controllers canbe established
with mapping
defintion.
Window
View ControllerView
Componen
ControllerView ControllerViewContext
Node 1
Root Node
Context
Root N
N
NContext
Node 3
Root Node
-
8/22/2019 SAP WD with ABAP
10/13
Data Binding Process
Data Binding
View
Component concontext
Component text
View controllercontext
View layout
Root Node
FLIGHTS
BOOKINGS
BOOKID
CUSTID
CLASS
PASSN
PRICE
CARRID
CONNID
FLDATE
Root Node
FLIGHTS
BOOKIN
BOO
CUS
CLAS
PASS
PRICE
CARRID
CONNID
FLDATE
-
8/22/2019 SAP WD with ABAP
11/13
Navigation between Views
Window
Outbound plug
Navigation link
Inbound plug
Customer
List
Customer
Search
Out In
-
8/22/2019 SAP WD with ABAP
12/13
Questions ?
Email Us @ [email protected]
mailto:[email protected]:[email protected]:[email protected] -
8/22/2019 SAP WD with ABAP
13/13
Worldwide Offices:USA (Dallas)India (Pune)
Partner Offices:Monterrey (Mexico)
Frankfurt (Germany)Stockholm (Sweden)
Email:
[email protected] URL:www.architectsap.com
mailto:[email protected]://www.architectsap.com/http://www.architectsap.com/mailto:[email protected]