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

Questions ?

12

Email Us @ support@architectsap.com

Worldwide Offices:USA (Dallas)India (Pune)

Partner Offices:Monterrey (Mexico)Frankfurt (Germany)Stockholm (Sweden)

Email: support@architectsap.com Corporate URL: www.architectsap.com