do you want to build simple webdynpro abap application? here it is?
DESCRIPTION
Web Dynpro for ABAP(WD4A, WDA) are built based on MVC architecture is the SAP standard UI technology for developing Web applications in the ABAP environment.TRANSCRIPT
Webdynpro ABAP
Contents
Introduction of WebDynpro
MVC Architecture
Difference between JAVA and ABAP Webdynpro
WDA Components and layout
Sample WD Application
2
INTRODUCTION
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.
3
MVC Architecture
4
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.
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 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.
5
WDA Explorer
SE 80
6
Webdynpro View Editor
7
Layout Tab Toolbar to “drag and drop”UI element selection
Menu by selecting“Insert Element”
Properties of the UI element
View of context menu from Change selection
WebDynpro Components
Windows Views
Layout Context Methods
Component Controllers Context Events
Window
View Controller
View
Component Controller View
Controller
View
Context Context
Context
WebDynpro Components
Context and Data Transport
Context Like a data
container. Data Transport
between
controllers can
be established
with mapping
defintion.
Window
View ControllerView
Component Controller View ControllerView
Context
Node 1
Root Node
Context
Root Node
Node 1
Node 3
Node 2Context
Node 3
Root Node
Data Binding Process
Data Binding
View
Component controller context
Component text
View controller context
Context mapping Data Binding
View layout
Root Node
FLIGHTS
BOOKINGS
BOOKID
CUSTID
CLASS
PASSN
PRICE
CARRID
CONNID
FLDATE
Root Node
FLIGHTS
BOOKINGS
BOOKID
CUSTID
CLASS
PASSN
PRICE
CARRID
CONNID
FLDATE
Navigation between Views
11
Window
Outbound plug
Navigation link
Inbound plug
Customer List
CustomerSearch
Out In
Worldwide Offices:USA (Dallas)India (Pune)
Partner Offices:Monterrey (Mexico)Frankfurt (Germany)Stockholm (Sweden)
Email: [email protected] Corporate URL: www.architectsap.com