sap wd with abap

8/22/2019 SAP WD with ABAP

1/13

Webdynpro ABAP


2/13

Contents

Introduction of WebDynpro

MVC Architecture

Difference between JAVA and ABAP Webdynpro

WDA Components and layout

Sample WD Application


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.


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.


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.


6/13

WDA Explorer

SE 80


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/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


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


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


11/13

Navigation between Views

Window

Outbound plug

Navigation link

Inbound plug

Customer

List

Customer

Search

Out In


12/13

Questions ?

Email Us @ [email protected]
mailto:[email protected]:[email protected]:[email protected]


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]

sap wd with abap

Documents