Webdynpro with ABAP - PowerPoint PPT Presentation

About This Presentation
Title:

Webdynpro with ABAP

Description:

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. – PowerPoint PPT presentation

Number of Views:1307
Slides: 14
Provided by: architectsap
Category:

less

Transcript and Presenter's Notes

Title: Webdynpro with ABAP


1
Webdynpro ABAP
2
Contents
  • Introduction of WebDynpro
  • MVC Architecture
  • Difference between JAVA and ABAP Webdynpro
  • WDA Components and layout
  • Sample WD Application

2
3
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
4
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
5
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 developers
    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
6
WDA Explorer
  • SE 80

6
7
Webdynpro View Editor
Layout Tab
Toolbar to drag and dropUI element selection
Menu by selectingInsert Element
View of context menu from Change selection
Properties of the UI element
7
8
WebDynpro Components
  • WebDynpro Components
  • Windows
  • Views
  • Layout
  • Context
  • Methods
  • Component Controllers
  • Context
  • Events


Window
Component Controller
View Controller
View
Context
Context
View Controller
View
Context
9
Context and Data Transport
  • Context
  • Like a data
  • container.
  • Data Transport
  • between
  • controllers can
  • be established
  • with mapping
  • defintion.


Window
Component Controller
View Controller
View
Context
Root Node
Context
Node 1
Root Node
Node 1
View Controller
View
Context
Node 2
Root Node
Node 3
Node 3
10
Data Binding Process
11
Navigation between Views
Window
Customer List
CustomerSearch
Out
In
Inbound plug
Outbound plug
Navigation link
11
12
Questions ?
Email Us _at_ support_at_architectsap.com 
12
13
Worldwide Offices USA (Dallas) India
(Pune)Partner Offices Monterrey
(Mexico) Frankfurt (Germany) Stockholm (Sweden)
Email support_at_architectsap.com
Corporate URL www.architectsap.com
Write a Comment
User Comments (0)
About PowerShow.com