7/24/2019 WebDynpro for ABAP Overview - Chinese
1/34
eb Dynpro
ABAP
2008.12.19
7/24/2019 WebDynpro for ABAP Overview - Chinese
2/34
22
Web Dynpro Component
Summary
History of SAP Web Environment
Wat is Web Dynpro!
7/24/2019 WebDynpro for ABAP Overview - Chinese
3/34
33
ABAP or"#
Possible future
developments
Migration
7/24/2019 WebDynpro for ABAP Overview - Chinese
4/34
7/24/2019 WebDynpro for ABAP Overview - Chinese
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
7/24/2019 WebDynpro for ABAP Overview - Chinese
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/24/2019 WebDynpro for ABAP Overview - Chinese
7/3477
Web Dynpro Component
Summary
History of SAP Web Environment
Wat is Web Dynpro!
7/24/2019 WebDynpro for ABAP Overview - Chinese
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
7/24/2019 WebDynpro for ABAP Overview - Chinese
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
7/24/2019 WebDynpro for ABAP Overview - Chinese
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
7/24/2019 WebDynpro for ABAP Overview - Chinese
11/341111
WD
7/24/2019 WebDynpro for ABAP Overview - Chinese
12/341212
eb Dynpro E=p"orer
S4:&
7/24/2019 WebDynpro for ABAP Overview - Chinese
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
7/24/2019 WebDynpro for ABAP Overview - Chinese
14/341414
$ e b y n p r o 1 o m p o n e n t
$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
7/24/2019 WebDynpro for ABAP Overview - Chinese
15/341515
Conte=t appin5
Mapping
/elationship
Mapped node collection Node collection of
mapping origin
$ e b y n p r o 1 o m p o n e n t
"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
7/24/2019 WebDynpro for ABAP Overview - Chinese
16/341616
Puttin5 #ata on te s/reen> Data
Bin#in5
$ e b y n p r o 1 o m p o n e n t
!"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
7/24/2019 WebDynpro for ABAP Overview - Chinese
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
7/24/2019 WebDynpro for ABAP Overview - Chinese
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
7/24/2019 WebDynpro for ABAP Overview - Chinese
19/34
2020
Porta" *nte5ration
7/24/2019 WebDynpro for ABAP Overview - Chinese
20/34
2121
*E @ +ab"e vie7s
7/24/2019 WebDynpro for ABAP Overview - Chinese
21/34
2222
essa5es @ A)? Confi5 o#e"
A3" 1onfig Model
Table Settings +< rows,0ield Settings +filter,
1olumn Settings +vis cols
0unction Settings
7/24/2019 WebDynpro for ABAP Overview - Chinese
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
7/24/2019 WebDynpro for ABAP Overview - Chinese
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
7/24/2019 WebDynpro for ABAP Overview - Chinese
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
7/24/2019 WebDynpro for ABAP Overview - Chinese
25/34
2626
Web Dynpro Component
Summary
History of SAP Web Environment
Wat is Web Dynpro!
7/24/2019 WebDynpro for ABAP Overview - Chinese
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.
7/24/2019 WebDynpro for ABAP Overview - Chinese
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
7/24/2019 WebDynpro for ABAP Overview - Chinese
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
7/24/2019 WebDynpro for ABAP Overview - Chinese
29/34
3030
Web #ynpro ABAP
Questions?
7/24/2019 WebDynpro for ABAP Overview - Chinese
30/34
3131
LiUj 13
7/24/2019 WebDynpro for ABAP Overview - Chinese
31/34
3232
LiUj 23
. Postech
7/24/2019 WebDynpro for ABAP Overview - Chinese
32/34
3333
LiUj 3
(. klmno
7/24/2019 WebDynpro for ABAP Overview - Chinese
33/34
3434
LiUj 3
#. 3pqr
7/24/2019 WebDynpro for ABAP Overview - Chinese
34/34
@A
Questions?