Web Dynpro ABAP Floorplan Manager实战教程：创建与配置组件

需积分: 20 165 浏览量更新于2024-07-16 收藏 1.81MB PDF 举报

"Floorplan Manager for Web Dynpro ABAP" 是一个针对SAP WDA (Web Dynpro Application) 的专业培训课程，专为SAP ABAP开发者设计，旨在帮助他们理解和掌握在Web Dynpro环境中创建、配置和开发动态地板平面布局的应用程序。课程共分为五个主要单元： 1. **入门介绍**（Unit 1）：学员将学习如何创建包含UI Business Blocks (UIBBs) 的组件，并实现IF_FPM_UI_BUILDING_BLOCK接口，这是构建FPM应用的基础。 2. **FPM应用开发**（Unit 2）：涵盖8个实战练习，如创建和配置FPM应用、定义初始和确认屏幕、设置工具栏和解释文本、实现FPM接口方法、实现实时工具栏和IDR访问，以及使用FPM消息管理器显示消息。这些环节深入讲解了FPM的核心功能和交互设计。 3. **通用UIBB集成**（Unit 3）：学员会学习如何配置FORM GUIBB、LIST ATS GUIBB和Tabbed Component GUIBB，展示了如何灵活运用标准元素构建更复杂的用户界面。 4. **高级话题**（Unit 4）：虽然没有具体的练习，这部分可能涵盖了FPM的进阶概念和技术，如数据绑定、性能优化或高级定制选项等，但具体内容未在提供的部分中详细说明。 5. **额外过程**（Unit 5）：最后两节介绍了如何使用ACT (Application Composer Technology) 创建OVP应用，以及如何使用CBA (Configuration Based Adaptation) 技术设置适应性上下文，扩展了FPM应用程序的功能和灵活性。整个课程历时8小时5分钟，强调实践操作和实际项目经验。课程材料仅供信息参考，不涉及版权问题，但明确指出所有内容受SAP及相关商标保护，未经许可不得复制或传播。课程内容由SAP或其关联公司提供，仅限于教育目的，不作任何类型的质量保证，且不承担因材料中的错误或遗漏导致的责任。此外，课程中提到的部分软件可能包含第三方软件供应商的专有组件，且不同国家的产品规格可能存在差异。

Field Value

Component FPM_OIF_COMPONENT

Interface View FPM_WINDOW

Plug Name DEFAULT

a) From the context menu of package ZNET313_## → Web Dynpro, choose

Create → Web Dynpro Application.

b) Enter the name of the application (ZNET313_##_CUSTOMER_S1) and a description, for

example, “Display / change customer - OIF”), and then choose Enter.

c) Enter the details provided in the table and then save your work.

2. Create an application pointing to FPM component FPM_GAF_COMPONENT. Name this

application ZNET313_##_BOOKING_S1 and add a description, for example, “Cancel

Bookings - GAF”.

a) Proceed as in step 1, substituting FPM_GAF_COMPONENT in the Component field.

3. Create an application pointing to FPM component FPM_OVP_COMPONENT. Name this

application ZNET313_##_C_OVP_S1 and add a description, for example, “Customer

Details - OVP”.

a) Proceed as in step 1, substituting FPM_OVP_COMPONENT in the Component field.

Note:

After you create the applications as described, you can find them in the FPM

Applications folder in your package.

Create the Application Configuration

For each of the applications, create an application configuration having the name of the

component plus a suffix, _AC1.

1. For application ZNET313_##_CUSTOMER_S1, create the application configuration

ZNET313_##_CUSTOMER_S1_AC1.

a) From the context menu of the application, choose Create / Change Configuration.

b) In the browser application, in the Configuration ID field, enter

ZNET313_##_CUSTOMER_S1_AC1, and then choose New.

c) In the following popup, enter a description (for example, “Display / change customer -

OIF”) and the package name ZNET313_##.

d) Choose OK.

e) On the next popup, confirm the transport request number and then choose OK. Save

your work.

2. For application ZNET313_##_BOOKING_S1, create the application configuration

ZNET313_##_BOOKING_S1_AC1.

a) Proceed as in step 1.

Unit 2: FPM Application Development

3. For application ZNET313_##_C_OVP_S1, create the application configuration

ZNET313_##_C_OVP_S1_AC1.

a) Proceed as in step 1.

Note:

After you create the applications, you can find them in the FPM Application

Configurations folder in your package.

Create the Component Configuration

For each of the application configurations, define which component configuration is used to

configure the FPM and IDR components. The name of the FPM component configuration

should equal the application name plus the suffix _CC1. The name of the IDR component

configuration should equal the application name plus the suffix _IDR. Create the component

configurations.

1. For the application configuration ZNET313_##_CUSTOMER_S1_AC1, assign a component

configuration to each of the components. Name the component configurations

ZNET313_##_CUSTOMER_S1_CC1 and ZNET313_##_CUSTOMER_S1_IDR, respectively.

a) Edit your application configuration. Double-click the application configuration in the

object tree of transaction SE80 to display the metadata in the object area.

b) Choose Start Configurator to open the browser-based application configuration editor.

c) In the browser application, choose Continue in Change Mode.

d) Select the first row of the table (component FPM_OIF_COMPONENT), and choose

Assign Configuration Name.

e) In the Configuration Name field for the FPM_OIF_COMPONENT component, enter

ZNET313_##_CUSTOMER_S1_CC1, and choose OK.

f) Select the second row in the table (component FPM_IDR_COMPONENT) and choose

Assign Configuration Name.

g) In the Configuration Name field for component FPM_IDR_COMPONENT, enter

ZNET313_##_CUSTOMER_S1_IDR and choose OK.

h) Save your work (ignore the warnings).

2. Create the component configurations.

a) Click the ZNET313_##_CUSTOMER_S1_CC1 link.

The component configuration editor opens in the same window

b) Choose New. On the following popups, enter a description and the package

ZNET313_##, and confirm the transport request number.

c) Save your work.

d) Go back to your application configuration by choosing its name in the breadcrumb.

Click the ZNET313_##_CUSTOMER_S1_IDR link.

The component configuration editor opens in the same window.

e) Choose New, and on the following popups, enter a description, enter package

ZNET313_##, and confirm the transport request number.

Solution 2: Create and Configure an FPM Application

f) Save your work.

3. For application configuration ZNET313_##_BOOKING_S1_AC1, assign a component

configuration to each of the components. Name the component configurations

ZNET313_##_BOOKING_S1_CC1 and ZNET313_##_BOOKING_S1_IDR.

a) Proceed as described in the first step of this task.

4. Create the component configurations.

a) Proceed as described in the second step of this task.

5. For application configuration ZNET313_##_C_OVP_S1_AC1, assign a component

configuration to the OVP component. Name the component configuration

ZNET313_##_C_OVP_S1_CC1.

a) Proceed as described in the first step of this task.

6. Create the component configuration.

a) Proceed as described in the second step of this task.

Note:

After you create these applications, you can find them in the FPM Floorplan

Configurations folder in your package.

Configure Subviews (OIF)

The OIF should display UIBBs related to component ZNET313_##_CUSTOMER_S1. On the

first tab, the CUSTOMER_WINDOW interface view (customer details) displays. The second

tab should display two subviews. On the first subview, the BOOKINGS_N_WINDOW interface

view (non-canceled bookings) should be embedded, while on the second subview the

BOOKINGS_C_WINDOW interface view (canceled bookings) is to be displayed.

1. Edit component configuration ZNET313_##_CUSTOMER_S1_CC1.

a) Double-click the corresponding item in the object tree of the Object Navigator.

The configuration's metadata displays in the Object area. (If you do not see your newly

created configurations, in the toolbar of the Navigation area, choose Refresh Tree

Display.)

b) Choose Start Configurator.

The component configuration editor opens.

c) Choose Continue in Change Mode in the component configuration editor.

2. Define an OIF consisting of two tabs and, on the second tab, two subviews. Display the

texts Customer (first tab), Bookings (second tab), not cancelled (first link related to

second tab), and cancelled (second link related to second tab).

a) To define a second main view, in the toolbar of the Object Instance Schema tab, choose

Main View.

b) Choose Subview.

This adds a second subview to the second tab.

c) Select the first tab. The attributes related to this tab display below the preview area.

d) In the Main View Name field, enter Customer.

Unit 2: FPM Application Development

a) Expand the Main Step: Select customer node.

b) Choose UIBB: UIBB_1_1.

c) In the Component field, enter ZNET313_##_BOOKING_S1, and in the Window Name

field, enter CUSTOMER_WINDOW.

d) Repeat this procedure for the second roadmap step (FLIGHTS_WINDOW), the third

roadmap step (BOOKINGS_WINDOW), and the last roadmap step (CHECK_WINDOW).

e) Save your changes.

Define OVP UIBBs

The OVP should have a main page with two sections displaying UIBBs related to component

ZNET313_##_CUSTOMER_S1. The first section of the page displays the

CUSTOMER_WINDOW interface view (customer details) in one column layout. The second

section displays BOOKINGS_N_WINDOW interface view (non-cancelled bookings), and the

BOOKINGS_C_WINDOW interface view (cancelled bookings) in one-column layout.

1. Edit component configuration ZNET313_##_C_OVP_S1_CC1.

a) Proceed as described in the previous task.

2. Define an OVP consisting of two sections with layout type One Column(Standard Layout).

Display the texts Customer (first UIBB), Bookings not cancelled (second UIBB), and

Bookings cancelled (third UIBB). Maintain the general settings. In the Edit mode field,

choose Read-only. In the Enable personalization field, choose True.

a) Expand the General settings area and enter the values provided.

b) Select the first section. The attribute Layout Type should be set to One column

(standard type).

c) In the toolbar of the Overview Page Schema, choose Add UIBB and select the Freestyle

Component option.

d) In the Attributes panel, in the Component field, enter your component name.

e) In the Window Name field, enter the interface view CUSTOMER_WINDOW, and in the Title

field, enter the title.

f) In the toolbar of the Overview Page Schema, choose Add Section.

g) In the toolbar of the Overview Page Schema, choose Add UIBB and select the option

Freestyle Component.

h) In the Attributes panel, in the Component field, enter your component name, and in the

Window Name field, choose the interface view BOOKINGS_N_WINDOW, and in the Title

field, enter the title.

i) Choose Add UIBB in the toolbar of the Overview Page Schema and select the option

Freestyle Component.

j) In the Attributes panel, in the Component field, enter your component name.

k) In the Window Name field, choose the interface view BOOKINGS_C_WINDOW, and in the

Title field, enter the title.

l) Save your work.

Unit 2: FPM Application Development

剩余104页未读，继续阅读

xtdddconan

粉丝: 1
资源: 5

Web Dynpro ABAP Floorplan Manager实战教程：创建与配置组件

NET313 Web Dynpro ABAP培训： Floorplan Manager for SAP NetWeaver 92版

SAP FPM for Web Dynpro ABAP基础教程

SAP WEBDYNPRO ABAP高级开发官方教程

Floorplan Manager for Web Dynpro ABAP.pdf

webdynpro 教程 NET313 - Floorplan Manager for Web Dynpro ABAP.PDF

Floorplan Manager for Web Dynpro ABAP-basic-01.pdf

floorplan manager for web dynpro abap.pdf

Floor Plan Manager - ABAP Webdynpro

SAP Floorplan Manager

WebDynpro for ABAP案例集：V1.2 版本解析

最新资源