WebDynpro for ABAP Overview - Chinese

7/24/2019 WebDynpro for ABAP Overview - Chinese

1/34

eb Dynpro

ABAP

2008.12.19


2/34

22

Web Dynpro Component

Summary

History of SAP Web Environment

Wat is Web Dynpro!


3/34

33

ABAP or"#

Possible future

developments

Migration


4/34


5/34

55

App"i/ation Sever .10 Before BSP3

4ser A//ess

SAP )*!

SAP !TS+$eb Studio $ebrowser Mobile evices

4ser *nterfa/e Pro5rammin5 ynpro

Pro5rammin5 )an5ua5e

AAP

Conne/tivity

/01

1onnectors gateways #rd party infrastructure

Application Server

AAP

AAP

rowser

rowser

/01

!TS


6/34

66

%ea"i6ation of Business Server Pa5e

SAP $eb Application Server +$AS

!" SAP communication #$ +/01, AP!s, !21S, A34,

%& !nfrastructure '( + Transport, correction, translation,

monitoring, user management,


7/3477


Summary


Wat is Web Dynpro!


8/3488

at is eb Dynpro !

4ser *nterfa/es Pro5rammin5 o#e" M"1 +5model-view-controller6 design pattern

4ser *nterfa/e Desi5n +oo" Set 0ocus on graphical modelling

1ode is generated from meta-model declarations

App"i/ations %untime )* 1ommon services '(+, SAP $AS framewor7

Soft7are o#u"ari6ation - 1omponents help structure applications and support pattern-based *!s


9/3499

(b8e/tives of eb Dynpro

o#e"9base# 4* #eve"opment

*! logic . business logic / 3ittle coding, lots of design 01 *! development

2 /"ient te/no"o5y

rowser, Smart 1lient, Mobile evice,

ma8or p"atforms #$ Net$eaver

Saves SAP:s an# /ustomers: investments 1onversion of classic AAP Screens


10/341010

eb Dynpro for ;ava an# ABAP

1omp

1ontroller

Context

Node

Method A

Event E

1omponent A$indow

"iew

1omp

1ontroller

Context

Node

Method A

Event E

1omponent A

$indow

"iew

8A"A

A-A

P

Simi"ar in Bot or"#s

3 Programming model 1omponent

1ontroller, 1onte9t

"iews, $indows

...

*nified /endering

ain Differen/es

ev 4nvironment

AAP $or7bench +centr.

N$ ev Studio +distr.

/untime

8(44 4ngine

AAP asis


11/341111

WD


12/341212

eb Dynpro E=p"orer

S4:&


13/341313

eb Dynpro Component

ain eb Dynpro

Component parts

$indows

"iews

*! elements

3ayout

1ontroller

1onte9t

.

1omponent 1ontrollers

1onte9t

.

Applications

Parameters

Properties

$ e b y n p r o 1 o m p o n e n t

$indow

"iew

1ontroller

"iew

1omponent

1ontroller "iew

1ontroller

"iew

1onte9t 1onte9t

1onte9t


14/341414


$indow

"iew 1ontroller"iew

Conte=t an# Data +ransport

3abel

1omponent

1ontroller "iew 1ontroller"iew

Context

Node 1

Root Node

1onte9t

Root Node

Node 1

Node 3

Node 2

Context

Node 3

Root Node

Conte=t

data 4,container 56

Mapping 1ontroller

7 datatransport

"iew 7 datatransport 8 9

1


15/341515

Conte=t appin5

Mapping

/elationship

Mapped node collection Node collection of

mapping origin


"iew 1ontroller 1omponent 1ontroller

1ontroller

*sage

eclaration

Context Root

FLIGHTS

BOOKINGS

BOOKID

CUSTID

CLASS

ASSN

RICE

CARRID

CONNID

FLDATE

Context Root

FLIGHTS

BOOKINGS

BOOKID

CUSTID

CLASS

ASSN

RICE

CARRID

CONNID

FLDATE


16/341616

Puttin5 #ata on te s/reen> Data

Bin#in5


!"e#

1omponent controllerconte9t

.omponent te:t

"iew controllerconte9t

1onte9t mappingata inding

!"e# $%&o't

Root Node

FLIGHTS

BOOKINGS

BOOKID

CUSTID

CLASS

ASSN

RICE

CARRID

CONNID

FLDATE

Root Node

FLIGHTS

BOOKINGS

BOOKID

CUSTID

CLASS

ASSN

RICE

CARRID

CONNID

FLDATE


17/34

1717

?ie7E#itor

2( The L%&o't v"e#

de)%'$t

3%( too$*%+ , d+%- %nd d+o./

UI e$e0ent

3*( Context 0en' ,Insert Element

/ UI (

1( !"e# ontext

0en'

Ch%n-e


18/34

1818

$indow

$avi5ation bet7een vie7s in in#o7

$indow

"iew navigation !nbound ; outbound plug

Navigation lin7 navigation flow

2utbound plug

Navigation lin7

!nbound plug

1ustomer

3ist

1ustomer

Search

2ut !n


19/34

2020

Porta" *nte5ration


20/34

2121

*E @ +ab"e vie7s


21/34

2222

essa5es @ A)? Confi5 o#e"

A3" 1onfig Model

Table Settings +< rows,0ield Settings +filter,

1olumn Settings +vis cols

0unction Settings


22/34

2323

A#obe -orms in D ABAP

Basi/ -orms -un/tiona"ity

efine 0orm in system 3ayout +Adobe esigner

ata structure

0orm is generated

0unction for generating P0

*nte5ration into eb Dynpro

Place 0orm in !nteractive0orm *!

container element

Map conte9t data to forms AP!

0orm is displayed at runtime

Printing

!nteractive 0orm


23/34

2424

$eb ynpro

/untime

Dynpro Desi5n +ime Conversion to eb

Dynpro

Dynpro Desi5n +ime

Conversion AAP Screen $eb

ynpro Metadata :)

;# screen layout

information < $ebynpro "iew :)

$eb ynpro => )* ?8!" => @

AB

$eb ynproevelopment

4nvironment

/endering4ngine

classic AAP

Screens

Screens

'od2le Pools

Screens

'od2le Pools

$ Meta ata

$ Meta ata

$ Me=a ata

$d Meta ata


24/34

2525

appin5 of C"assi/ Dynpro E"ements

D&n.+o

F"e$d

D&n.+o F"e$d

E4'"v%$ent

S+een


25/34

2626


Summary


Wat is Web Dynpro!


26/34

2727

Summary

$eb ynpro is a step into the world of SAP

Net$eaver technology.

Most applications, however, will need additional

enhancements to ma7e them completely

suitable for the $eb.

$eb ynpro will help you to save your

investments when you migrate your own

applications to a new browser-based userinterface.


27/34

2828

Summary

AAP vsSP vs$ 8A"A vs$ AAP

AAP + SP $ 8A"A $ AAP

?8DE +!nstall None NoneF NS(NetWeaver

Developer Studio)None

=>)* S4:& +SAP G S4:& +SAP G =" P1 S4:& +SAP G

3ayoutScreen Painter0ield 3ist 4ditor

SP ApplicationF NS G(NetWeaver

Developer Studio)

"iew esigner1onte9t 4ditor

1ode AAP 1odeAAP 1ode$eb esign

SAP 8ava 1odeAAP 1ode

AAP 1ode

SAP 3ogic AAP HI 0M%s AAP 2b>ect ; 0M%s Adaptive /01 + JK AAP 2b>ect ; 0M%s

?TM3 + BLMN None ?igh 3ow 3ow

/;# !0 5 @ O 6


28/34

2929

Summary

$eb ynpro for AAP O ; ;P

. ; P 7 Q ;0le9ible R. S 'TUV

(. O P

7 W X9

7 AAP Programmer 8 S YZ

7 $eb Prog. Bnowledge JK AB+# [\

7 Maintenance X9 ]^ C- .! T12 ^_

7 AAP 2n-line Program 1onversion R. +only *!

7 Adaptive /01 F 6 AB `\

7 evelop aK bc +Model D "iew D 1ontroller =d

7 e! fgh+Multi lingual 1apability


29/34

3030

Web #ynpro ABAP

Questions?


30/34

3131

LiUj 13


31/34

3232

LiUj 23

. Postech


32/34

3333

LiUj 3

(. klmno


33/34

3434

LiUj 3

#. 3pqr


34/34

@A

Questions?

Documents

WebDynpro for ABAP Overview - Chinese