SAP Web Dynpro – 创建应用程序

---

要创建 Web Dynpro 应用程序，我们将创建一个包含一个视图的 Web Dynpro 组件。我们将创建一个视图上下文 → 链接到视图布局上的表格元素，并包含表格中的数据。

该表将在运行时显示在浏览器中。将为这个简单的 Web Dynpro 组件创建一个 Web Dynpro 应用程序，它可以在浏览器中运行。

步骤 1 – 转到 T-Code – SE80 并从列表中选择 Web Dynpro 组件/intf。

步骤 2 – 创建一个新组件，如下所示。

步骤 3 – 输入新组件的名称并单击显示。

步骤 4 – 在下一个窗口中，输入以下详细信息 –

• 您可以输入此组件的描述。
• 在类型中，选择一个 Web Dynpro 组件。
• 您还可以维护默认窗口的名称。

步骤 5 – 将此组件分配给 Package &dollarTMP 并单击“保存”按钮。

当您单击保存时，您可以在对象树下看到这个新组件，它包含 –

• 组件控制器
• 组件接口
• 看法
• 视窗

展开组件界面时，可以看到界面控制器和界面视图。

如何创建视图并将其分配给窗口？

步骤 1 – 单击 Web Dynpro 组件并转到上下文菜单（右键单击）→ 创建 → 查看

步骤 2 – 创建一个视图 MAINVIEW，如下所示，然后单击刻度线。

这将在名称为 – MAINVIEW 的 ABAP 工作台中打开视图编辑器

步骤 3 – 如果要打开布局选项卡和视图设计器，您可能需要输入应用服务器用户名和密码。

步骤 4 – 单击顶部的保存图标。

保存时，它位于对象树下，您可以通过展开视图选项卡进行检查。

步骤 5 – 要将窗口分配给此视图，请在窗口选项卡下选择窗口 ZZ_00_TEST，然后单击屏幕顶部的更改模式。

步骤 6 – 您可以右键单击 → 显示 → 在同一窗口中。

步骤 7 – 现在打开视图结构并通过拖放将视图 MAINVIEW 移动到右侧窗口结构内。

步骤 8 – 打开右侧的窗口结构，您将看到嵌入的 MAINVIEW。

步骤 9 – 单击屏幕顶部的“保存”图标进行保存。

如何为 MAINVIEW 创建视图上下文？

步骤 1 – 打开视图编辑器以查看 MAINVIEW 并切换到选项卡上下文。通过打开相应的上下文菜单，在 View Controller 中创建一个上下文节点。

步骤 2 – 在对象树中选择视图，然后单击显示。

步骤 3 – 在下一个窗口中维护属性。选择基数和字典结构（表）。选择从结构中添加属性并选择结构的组件。

步骤 4 – 要选择所有组件，请单击顶部的全选选项，然后单击屏幕底部的刻度线。

已经创建了一个上下文节点 TEST_NODE，它引用了表的数据结构，并且在运行时可以包含 0 → n 个条目。上下文节点已在视图上下文中创建，因为没有计划与其他视图交换数据，因此不需要使用组件控制器上下文。

步骤 5 – 单击“保存”图标将更改保存到 MAINVIEW。

步骤 6 – 转到 MAINVIEW 的布局选项卡。在 ROOTUIELEMENT CONTAINER 下插入类型表的新 UI 元素，并在给定表中分配属性。

步骤 7 – 输入元素的名称和类型。

步骤 8 – 创建 TEST_TABLE 与上下文节点 TEST_NODE 的绑定。选择文本视图作为标准单元格编辑器并激活所有单元格的绑定。

步骤 9 – 单击上下文按钮。从列表中选择上下文节点作为 TEST_NODE。

步骤 10 – 您可以通过选择它来查看所有属性。

步骤 11 – 通过选择所有上下文属性激活绑定下的所有复选框。按 Enter 键确认输入。

结果应该是这样的 –

步骤 12 – 保存更改。

步骤 13 – 要向 TEST 表提供数据，请转到方法选项卡并双击方法 WDDOINIT。输入以下代码 –

method WDDOINIT .
* data declaration
data:
Node_TEST type REF TO IF_WD_CONTEXT_NODE,
Itab_TEST type standard table of TEST.
* get data from table TEST
select * from TEST into table Itab_TEST.
* navigate from <CONTEXT> to <TEST> via lead selection
Node_TEST = wd_Context->get_Child_Node( Name = `TEST_NODE` ).
* bind internal table to context node <TEST>
Node_TEST->Bind_Table( Itab_TEST ).
endmethod.

Web Dynpro 应用程序，您不应直接从 Web Dynpro 方法访问数据库表，但是，您应该使用提供函数或 BAPI 调用来访问数据。

步骤 14 – 通过单击屏幕顶部的保存图标来保存更改。

如何创建 Web Dynpro 应用程序？

步骤 1 – 在对象树中选择 ZZ_00_TEST 组件 → 右键单击​​并创建一个新应用程序。

步骤 2 – 输入应用程序名称并单击继续。

步骤 3 – 保存更改。另存为本地对象。

接下来是在 Web Dynpro 组件中激活对象 –

步骤 4 – 双击组件 ZZ_00_TEST 并单击激活。

步骤 5 – 选择所有对象并单击继续。

步骤 6 – 要运行应用程序，选择 Web Dynpro 应用程序 → 右键单击​​并测试。

将启动浏览器并运行 Web Dypro 应用程序。

调用 Web Dynpro 应用程序

在 Web Dynpro 应用程序中，组件窗口有一个入站插件。这个入站插件可以有参数，这些参数必须指定为 URL 参数。

可以在应用程序中为这些参数设置被 URL 参数覆盖的默认值。如果既未指定默认值也未指定 URL 参数，则会触发运行时错误。

要创建新的入站插件，请将插件指定为启动项，数据类型应为字符串。激活组件。

接下来是指定要调用的组件、参数、窗口、启动插件。

调用应用程序和 URL 参数覆盖应用程序参数。