一 概述

根据案例一BOBF实现Web版，功能与案例一基本一致，输入Order ID查询当前Order，并显示Order 下的Products。

1 Floorplan Manager(FPM)

FPM用来前端页面的显示，不用编写前端页面代码，通过配置就可以实现。

2 FBI View(FPM & BOBF Intergration)

用来进行配置后台BOBF和前台FPM的绑定，以及增强。

二 实现过程

1 Create Web dynpro Applicaiton(T-Code: SE80)

Web Application

2 Create Application Configuration

Application Configuration

Application Configuration

3 Assign configuration name

4 Create Configuration Name

5 Set the web dynpro component and configuration name

Web Dynpro Component: /BOFU/WDC_FBI_CONTROLLER
Configuration Name: /SCMTMS/WDCC_APPCC
这两个属性绑定Controller，固定值

6 Insert the new initial page, and change the page id and title

image.png

6.1 In the initial screen, insert a button in toolbar schema

6.2 In the initial screen, insert a form component UIBB in overview page schema

6.3 Create a new name for the form GUIBB component configuration

Feeder Class

6.3.1 Add group and Add element

7 Go back to ovp component configuration,Insert standard button in toolbar schema of main page

8 Then insert a button for go back,Set the text and event ID for this button,Set the event parameter, then it will work on toolbar

9 Insert a form component UIBB in overview page schema

9.1 Click this button to set the new configuration，And click the new button

Feeder Class：/BOFU/CL_FBI_GUIBB_FORM
需要链接BOBF时Feeder Class使用此配置

9.2 Open a new window，Create a new FBI view configuration

Business Object-> BO
Node-> 结点
Node UI Structure-> BO Structure
Mapper Class-> BO Structure 与 UI Structure映射
Exit Interface Class->增强操作

9.3 Create another new FBI view for toolbar.(The configuration name should be the application configuration + ‘_HTLB’)

According the following figure, you can find that the ‘_HTLB’ is not replaced by other suffix word if you want the toolbar button can be handled in feeder class ---- that is, ‘_HTLB’ is hard code in the TM standard.

9.4 Add group and Add element

10 Go back to the ovp component configuration,Click wire schema tab

10.1 Add a new wire schema to connect FBI controller and initial screen

10.2 Add another wire schema to connect initial screen and main screen

11 Insert a List component UIBB in overview page schema, ref to step9 to step 10.

Feeder Class

FBI VIEW

HTLB

12 Add a new wire schema to connect FBI controller and initial screen

测试

Initial

Main

三 问题阐述

1 Serch Help

如图所示，这就是Serch Help的功能。在设置字段属性时可以添加

Selection Method: DATA TABLE
Parameter: selection parameter

Set Elements

2 Feeder Class: ZSTE_ORD_FBI_BOOTSTRAP

用来判断输入跳转链接

3 Exit Interface Class: ZSTE_VIEWEXIT_ORDER

页面功能增强，一般继承超类：/SCMTMS/CL_UI_VIEWEXIT_CMN
ADAPT_DATA 设置页面属性