Webdynproforabap入门教程

格式：ppt
大小：934.00 KB
文档页数：25

下载文档原格式

SAP Web Dynpro for ABAP开发技术详解：

精彩摘录
精彩摘录
这是《SAP Web Dynpro for ABAP开发技术详解：基础应用》的读书笔记模板，可以替换为自己的精彩内容摘录。
作者介绍
同名作者介绍
这是《SAP Web Dynpro for ABAP开发技术详解：基础应用》的读书笔记模板，暂无该书作者的介绍。
谢谢观看
附录
附录A Web Dynpro for ABAP编程规范附录B Web Dynpro for ABAP程序编程指南附录C Web Dynpro for ABAP用户接口元素
读书笔记
读书记
这是《SAP Web Dynpro for ABAP开发技术详解：基础应用》的读书笔记模板，可以替换为自己的心得。
目录分析
第1章 Web Dynpro for ABAP概述
第2章 Web Dynpro for ABAP开发环境
第3章 Web Dynpro for ABAP开发基础
第4章 Web Dynpro for ABAP跨组件编程
第5章 Web Dynpro for ABAP动态编程
附录
第1章 Web Dynpro for ABAP概述
《SAP Web Dynpro For ABAP开发技术详解——基础应用》主要介绍ＳＡＰ异于ＡＢＡＰ传统编程的Ｗｅｂ编程技术：ＷｅｂＤｙｎｐｒｏｆｏｒＡＢＡＰ。全书共5章，以ＷｅｂＤｙｎｐｒｏｆｏｒＡＢＡＰ的概述、开发环境、开发基础、跨组件编程和动态编程作为主要介绍内容。详细讲解ＷｅｂＤｙｎｐｒｏｆｏｒＡＢＡＰ这门技术中各元素之间的关联及制约关系、如何设置ＷｅｂＤｙｎｐｒｏｆｏｒＡＢＡＰ的运行环境、如何创建及编辑ＷｅｂＤｙｎｐｒｏｆｏｒＡＢＡＰ的基本元素、如何引用其他的组件、在未知用户交互时如何动态编辑ＷｅｂＤｙｎｐｒｏｆｏｒＡＢＡＰ应用等内容。《SAP Web Dynpro For ABAP开发技术详解——基础应用》提供了大量配置细节及实例源码，深入剖析ＷｅｂＤｙｎｐｒｏｆｏｒＡＢＡＰ架构关键技术。技术架构部分可作为ＷｅｂＤｙｎｐｒｏｆｏｒＪａｖａ开发人员深入ＳＡＰ系统的必备指南。《SAP Web Dynpro For ABAP开发技术详解——基础应用》可供ＥＰ和ＣＲＭ平台下ＷｅｂＤｙｎｐｒｏ和ＷｅｂＵＩ程序开发人员阅读。

WebDynpro for ABAP 简单ALV实例

WebDynpro for ABAP 简单ALV实例创建一个简单的ALV实例。

先看一下效果。

下面是创建步骤：先创建一个Web Dynpro组件。

添加ALV组件在COMPONENTCONTROLLER 的Properties中添加ALV组件。

在View中添加两个控件，一个Button一个ViewContainerUIElement。

设置VCU_ALV设置Button的Text和事件onAction。

添加Context页面加载时绑定ALV控件DATA: dyn_node TYPE REF TO if_wd_context_node.dyn_node = wd_context->get_child_node( name = 'LT_MARA' ). DATA: lo_interfacecontroller type ref to iwci_salv_wd_table.lo_interfacecontroller = wd_this->wd_cpifc_alv( ).lo_interfacecontroller->set_data( dyn_node ).点击Search按钮时显示数据。

DATA lo_nd_lt_mara TYPE REF TO if_wd_context_node.DATA lt_lt_mara TYPE wd_this->Elements_lt_mara.* navigate from <CONTEXT> to <LT_MARA> via lead selectionlo_nd_lt_mara = wd_context->get_child_node( name = wd_this->wdctx_lt_mara ).* @TODO handle non existant child* IF lo_nd_lt_mara IS INITIAL.* ENDIF.** @TODO compute values** e.g. call a model function*SELECT * INTO TABLE lt_lt_mara FROM MARA UP TO 50 ROWS.lo_nd_lt_mara->bind_table( new_items = lt_lt_mara set_initial_elements = abap_true ). 然后保存激活各项。

WEB DYNPRO FOR ABAP培训文档

NetWeaver简介： SAP NetWeaver是下一代基于服务的平台，它将作为未来所有SAP应用程序的基础。NetWeaver包含了一个门户框架，商业智能和报表，商业流程管理 (BPM)，自主数据管理（MDM,Master Data Management），一个公用运行时间应用服务器（common run-time application server），以及SAP应用开发和管理平台。 SAP NetWeaver的六大部分 NetWeaver是SAP所有应用的技术集成平台的名字，其中包含六大部分,十余个产品: •People Integration: EP, MI, Collabration •Information Integration: BW, KM, MDM •Process Integration: XI •Application Platform: WAS •Life Cycle Management: Solution Manager •Composite Application Framework
Custom coding is required for things that can not be expressed in the meta-model
Each controller owns a hierarchically structured set of local data, called the controller’s context
4
SAP NetWeaver的分类 SAPNetWeaver的"usage types" 可以从应用部件角度来分类，如： •Business Intelligence (BI) •SAP NetWeaver Portal (EP) •Mobile Infrastructure (MI) •Process Integration (PI) 从开发语言来分，也可分为AS-ABAP和AS-Java两种。 AS ABAP和AS Java可以分开安装，也可安装在同台机器上，AS ABAP和AS Java通过JCO 连接。至于需要安装哪种语言服务器，这需要根据sap的应用决定。

webdynpro入门

Course Overview
• Web Dynpro for ABAP 的概念？ • Web Dynpro for ABAP 的目的？ • Web Dynpro for ABAP 的优势？ • Web Dynpro for ABAP 的设计模式？ • Web Dynpro for ABAP 的组件结构？ • Web Dynpro for ABAP 如何展示业务数据？
14
Copyright 2010 hiSoft Technology International Limited. All Rights Reserved. Confidential.
WebDynpro Component
WebDynpro Component 组织结构概图：
15
ห้องสมุดไป่ตู้
Copyright 2010 hiSoft Technology International Limited. All Rights Reserved. Confidential.
Course Overview
• Web Dynpro for ABAP 的概念？ • Web Dynpro for ABAP 的目的？ • Web Dynpro for ABAP 的优势？ • Web Dynpro for ABAP 的设计模式？ • Web Dynpro for ABAP 的组件结构？ • Web Dynpro for ABAP 如何展示业务数据？
Component Controller
16
Copyright 2010 hiSoft Technology International Limited. All Rights Reserved. Confidential.

WEB DYNPRO FOR ABAP01

WEB DYNPRO FOR ABAP01 1. 创建第一个web dynpro for abap的程序，效果如下：在界面上输出VIEW1
2. 创建一个web dynpro component（组件）
输入名称和描述等信息，这里定义窗口为MAIN、第一个试图为VIEW1
3. 创建完成之后可以看到对应的组件和接口，双击VIEW1点击“修改”按钮进行编辑
可以使用拖拽方法在界面上创建元素，这里使用INSERT ELEMENT方法
在界面上创建一个TEXT_VIEW元素
修改property中的text，改为view1
4. 创建一个web dynpro application
输入application名称和描述
创建完成之后保存，我们可以获得一个url地址
5. 打开游览器，输入刚才的url地址，输入gui的账号、密码和客户端
登陆后就可以看到我们创建的web页面了。

案例二 Web Dynpro for ABAP简单示例—tabtrip与close事件

一、需求Tabtrip每一个tab上有关闭按纽.点击其,可以隐掉该tab。

结果如图1所示：图1二、实现1,在view中画出来控件tabstrip，然后点右键insert tab 四次出现四个tab。

2,在context中定义四个wdy_boolean 变量，分别为t1,t2,t3,t4.3,对四个tab控件的属性进行填写.4,点击tab属性visible的binding按钮，让其分别于context的变量进行绑定。

5,填写tabstrip属性，其中事件onClose的栏位中写一个on_close方法，6,双击on_close,进入代码编辑器，代码如下：method ONACTIONON_CLOSE .data: lo_Node type ref to If_Wd_Context_Node,lo_Elem type ref to If_Wd_Context_Element,ls_context type wd_this->element_ENABLE,lw_name type string.lw_name = wdevent->GET_string( 'TAB' ).* nodelo_Node = wd_Context->get_Child_Node( Name = 'ENABLE' ).* get attributelo_Node->get_Static_Attributes( importing Static_Attributes = ls_context ).IF lw_name cs'TAB '.clear:ls_context-T1.ELSEIF lw_name cs'TAB_1'.clear:ls_context-T2.ELSEIF lw_name cs'TAB_2'.clear:ls_context-T3.ELSEIF lw_name cs'TAB_3'.clear:ls_context-T4.ENDIF.* bind structurelo_Node->bind_structure( new_item = ls_context SET_INITIAL_ELEMENTS = abap_true ).endmethod.method WDDOINIT .data: lo_Node type ref to If_Wd_Context_Node,lo_Elem type ref to If_Wd_Context_Element,ls_context type wd_this->element_ENABLE.* nodelo_Node = wd_Context->get_Child_Node( Name = 'ENABLE' ).* get attributelo_Node->get_Static_Attributes( importing Static_Attributes = ls_co ntext ).ls_context-T1 = abap_true.ls_context-T2 = abap_true.ls_context-T3 = abap_true.ls_context-T4 = abap_true.* bind structurelo_Node->bind_structure( new_item = ls_context SET_INITIAL_ELEMENTS = abap_true ).endmethod.8,激活程序。

WebDynproforABAP_V1.0讲解

真诚协同
Web Dynpro for ABAP整体结构
Web Dynpro Controller & Context
真诚协同
控制器类型 ABAP Web Dynpro 组件中有五种控制器类型，不同的控制器类型包含的实体也有所不同：组件控制器
每个Web Dynpro组件只有一个组件控制器，对所有其它控制器可见，可以控制整个组件的功能。
ABAP 后端服务器
RFC
业务数据
已部署的Web Dynpro应用程序
Java Web Dynpro HTTP
ABAP Web Dynpro
Web Dynpro 应用程序
SAP NetWeaver Developer Stadio
ABAP工作台 Web Dynpro 应用程序 SAP Enterprise Portal
Web Dynpro Controller & Context
真诚协同
通过Controller实体
每个Controller均有自己的Context，Context根节点已经存在，必须静态定义或通过源代码定义所有其它Node和Attribute。
控制器 Context Root △Node1 △Node2 Attr1 Attr2 Attr1 Attr2
真诚协同
View之间的导航
Window VIEW1
TO_VIEW2
VIEW2
FROM_VIEW1
要定义两个View之间的导航，需要使用Outbound Plugs和Inbound Plugs分别为View创建Outbound和Inbound 使用导航链接指定导航流。
Web Dynpro for ABAP简介

案例一 getting started with web dynpro for abap

Getting started with web dynpro for abap一功能：初始界面点continue按钮到如下界面点back返回二．实现：1.创建web dynpro名字叫做zlh_tutorial.2.创建start view。

3.在start view 的layout表中添加label 和input。

4.在label的属性中添加如下：5.添加一个按钮，text属性设置为continue，添加onaction事件。

6.在inbound plugs表中添加如下：7.创建main node如下：8.创建name attribute。

9.将input值和name绑定：10.创建result view ，添加text1 类型为textview，button text属性为back。

11.在result view的context中添加如下node 和attribute：12将text1的text属性和name绑定13.在button中添加事件back。

14.在inbound plugs中添加如下：15在COMPONENTCONTROLLER中添加main node和name attribute,将start view中的main 和COMPONENTCONTROLLER中的main绑定。

16.在result的WDDOMODIFYVIEW中添加以下代码：method WDDOMODIFYVIEW.DATA lo_nd_main TYPE REF TO if_wd_context_node.DATA lo_el_main TYPE REF TO if_wd_context_element.DATA ls_main TYPE wd_this->Element_main.DATA lv_name TYPE wd_this->Element_main-name.* navigate from <CONTEXT> to <MAIN> via lead selectionlo_nd_main = wd_context->get_child_node( name = wd_this->wdctx_main ).* @TODO handle non existant child* IF lo_nd_main IS INITIAL.* ENDIF.* get element via lead selectionlo_el_main = lo_nd_main->get_element( ).* @TODO handle not set lead selectionIF lo_el_main IS INITIAL.ENDIF.* get single attributelo_el_main->get_attribute(EXPORTINGname = `NAME`IMPORTINGvalue = lv_name ).concatenate'welcome to wda,' lv_name into lv_nameseparated by space.lo_el_main->set_attribute(exportingname = 'Name'value = lv_name).endmethod.17.在ONACTIONBACK 中添加以下代码：method ONACTIONBACK .DATA lo_nd_main TYPE REF TO if_wd_context_node.DATA lo_el_main TYPE REF TO if_wd_context_element.DATA ls_main TYPE wd_this->Element_main.DATA lv_name TYPE wd_this->Element_main-name.* navigate from <CONTEXT> to <MAIN> via lead selectionlo_nd_main = wd_context->get_child_node( name = wd_this->wdctx_ma in ).* @TODO handle non existant child* IF lo_nd_main IS INITIAL.* ENDIF.* get element via lead selectionlo_el_main = lo_nd_main->get_element( ). * @TODO handle not set lead selection IF lo_el_main IS INITIAL.ENDIF.* get single attributelo_el_main->get_attribute(EXPORTINGname = `NAME`IMPORTINGvalue = lv_name ).CLEAR LV_NAME.lo_el_main->set_attribute(exportingname = 'Name'value = lv_name).wd_this->fire_tostart_plg().endmethod.18. 将result和start view拖到窗口。

案例一WebDynpro环境准备

一、WebDynpro For ABAP 基础
本节中主要记录WebDynpro For ABAP的基础操作.如各种UI Elment的使用,Context的使用等.
本节所涉及知识,主要集中于标准教材NET310.
案例一:WebDynpro环境准备
一：需求
如果我们的SAP没有与Portal进行集成,那么需要我们进行相关的配置,这样才能访问我们的WD Application.
特别是我们自己随便找了一个SAP开发机,我们又无法通过WD自动生成的URL进行访问写成的WD,这时候,我们就需要配置WebDynpro浏览环境
如下面的例子:
使用该URL进行访问:
当我们配置完成后,我们可以访问该WD Application了.
二.实现
1. 原理
SAP Notes: 1088717
https://websmp230.sap-
ag.de/sap(bD16aCZjPTAwMQ==)/bc/bsp/spn/sapnotes/index2.htm?numm=1088717
2. 操作: 激活Service
Transaction Code:SICF
默认,执行F8:
然后对应上的原理,进行激活相关的service:星号表示激活该节点下的所有服务。

2. 操作: 添加local hosts
文件路径: C:\WINDOWS\system32\drivers\etc
对上面的文件以notepad打开:
追加一行: 9.121.12.117
Note
# 上面一行中，前面的IP是你的SAP服务器的IP，如果是本机，可以试成127.0.0.1 ; 这里我的系统是:
# 后面一行，是你假想的一个域名格式。

ABAP-BSP调用Webdynpro页面

ABAP-BSP调用Webdynpro页面
1、BSP调用WebDynpro页面实例
目的：在BSP（BUSINESS SERVER PAGES）程序中调用WebDynpro页面。

说明：在实现该实例前，需先熟悉WebDynpro 程序的开发。

涉及内容：
1.1 SE80 BSP程序调用WebDynpro页面
1.1.1 BSP页面添加按钮元素
1、T-CODE：SE80进入“对象导航“界面，程序类型选择“业务服务器页面应用程序”（英文：BusinessServerPages Application），然后在程序名处输入程序名，找到业务功能对应的视图，如图1.1.1-1：
图1.1.1-1
说明：
a、本练习对采购订单进行更改。

2、找到要添加WebDynpro页面的BSP视图页面，然后双击进入页面代码中，并将代码更改为可编辑状态，如图1.1.1-2：
图1.1.1-2
3、在BSP页面需要添加按钮的位置处添加按钮代码，如图1.1.1-3：
图1.1.1-3
说明：
a、代码如下：。

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

交流学习
WDA学习和其他开发语言一样，在于结合实际需求，所以，大家一起加油喽！另外，可以关注下我的博客: Hopesap工作室 [ ]，空闲我会经常更新一些内容，大家多交流！
WEB DYNPRO FOR ABAP
WDA MVC
而对于WDA来说，其MVC框架通过各个组件控制器（Component Controller/nterface Controller/Views/Windows）、上下文-Context（包含Nodes/Attributes）等之间映射关联来实现
WEB DYNPRO FOR ABAP
WDA应用程序实现
WEB DYNPRO FOR ABAP
WDA应用程序框架
WEB DYNPRO FOR ABAP
WDA应用程序实现具体步骤
1.创建用户视图-Views 2.定义Context 3.数据绑定 4.事件响应等Coding 5.创建WDA Applications 6.发布并运行WDA Applications
WEB DYNPRO FOR ABAP
WEB DYNPRO FOR ABAP
2.定义Context
Context在WDA中用于指定程序数据源、属性等，有Node/Attribute，根据创建属性不同，可理解为ABAP中的变量、内表、工作区等。 Context分为组件控制器的Context以及各视图自有的Context，可以理解为全局变量和局部变量（各视图可Mapping组件控制器的Context）
5.创建WDA Applications
创建WDA Applications，记得激活
WEB DYNPRO FOR ABAP
6.发布并运行WDA Applications
WDA应用程序服务器事先是配置好的（不配置的话，无法进行开发，更别说发布运行）激活了创建的WDA 应用程序后，每个应用程序会自动生成一个URL地址（即发布到服务器），将URL粘贴到浏览器地址栏即可查看效果
不过，WDA最终显示是在浏览器中，这是一种区别(当然，不是说WDA就是Dialog，只是说两者有比较多的类似点，有助理解).
WEB DYNPRO FOR ABAP
1.创建用户视图-Views
视图主要在于UI Elements/Layout的使用 UI Elements即界面元素，比如INPUT_FIELD/BUTTON/TABLE等等WDA，有专门的UI面板，可直接拖拽Elements到视图界面
指定onAction后，系统会自动创建一个 ONACTION+<Event Name> 的 EventHandler(对应一个同名的Method)
WEB DYNPRO FOR ABAP 然后，双击Event Hnadler或Action可以跳转到Conding实现界面
WEB DYNPRO FOR ABA4.事件响应等Coding
Paint界面后，很多Elements会有事件响应等需求，最常见的就是Button了比如，视图创建了一个SEARCH Button，然后，在Button属性界面中指定 onAction事件SEARCH
WEB DYNPRO FOR ABAP
WEB DYNPRO FOR ABAP
WEB DYNPRO FOR ABAP
一. WDA MVC框架
二. WDA学习路线
三. WDA应用程序实现步骤四. PA教材
WEB DYNPRO FOR ABAP
WDA MVC框架
WEB DYNPRO FOR ABAP
MVC框架
所谓MVC(模型Model-视图View-控制器Controller)框架，是一种软件设计思想，将业务逻辑、数据源、用户界面分离组织代码的方法。（JAVA应用很多都是基于这个架构）具体各层交互原理及作用
WEB DYNPRO FOR ABAP
PA教材
WEB DYNPRO FOR ABAP
PA教材，WDA对应的教程是 NET310、NET312等(每个章节后面都有练习)
NET310，介绍WDA的框架等 NET312，详细介绍UI Elements应用其他略.
WEB DYNPRO FOR ABAP
WEB DYNPRO FOR ABAP
注意：Mapping的Context 节点下方会有一个 ‘→’
WEB DYNPRO FOR ABAP
3.数据绑定
数据绑定即视图界面UI Elemetns引用该视图的Context中内容。要注意的一点是，某个视图中Element只能引用该视图Context中的内容，如需引用组件控制器Context，需要做上面提到的Mapping. 以WDA中的INPUT_FIELD为例，绑定数据源即指定value来源
WEB DYNPRO FOR ABAP
WDA学习路线
WEB DYNPRO FOR ABAP
学习路线
首要条件：环境具体学习路线-仅作参考 Roadmap for learning Web Dynpro for ABAP. Ø Understanding the architecture of Web Dynpro Component Ø Understanding the Constituents of Web Dynpro Controller Ø Creating Context elements and context mapping Ø Data binding concepts Ø Explains the navigation and the data transfer in and out of Web Dynpro controller Ø Define simple UI elements Ø Internationalize Web Dynpro application Ø Message Handling in web dynpro environment Ø Define Value help, dictionary help and simple help Ø Component usage concepts of Web dynpro Ø Basics of Using ABAP List Viewer in Web Dynpro for ABAP Ø Create basic Web dynpro applications using common web dynpro tools.
WEB DYNPRO FOR ABAP WDA通过控制ROOTUIELEMENTCONTAINER Layout属性以及框架内各Element Layout属性来控制界面整体布局 ROOTUIELEMENTCONTAINER支持多种Layout，常用的FlowLayout、MatrixLayout 、GridLayout、RowLayout 对应各Element Lyout属性，只能基于ROOTUIELEMENTCONTAINER 定义Layout Data
WEB DYNPRO FOR ABAP
WDA应用程序理解
WDA应用程序类似Dialog，Dialog是Paint 用户界面，然后具体去实现数据、响应用户操作.. WDA类似：Tcode-SE80创建了WDA Comp.后，整体框架(MVC)系统默认已有，剩下的就是视图建立(View)、数据源Coding(Context)、绑定视图 (Binding)和数据以及响应用户事件(Events)