《Oracle 实例精解》品牌将小部件发布到 EnterpriseOne 页面上的小部件窗格

section (部分) 0使用须知

此 45 分钟的 Oracle by Example (OBE) 显示了如何通过将小部件添加到 EnterpriseOne 编写的页上的小部件窗格来向 EnterpriseOne 用户发布小部件。

背景信息

JD Edwards EnterpriseOne 小部件是收集数据并以徽章、计量表和图表等图形格式进行可视化的简便无代码方法。由于小部件从编排中获取输入,因此数据可以来自编排可以访问的任何源,包括来自 EnterpriseOne 外部系统的 REST API。这为许多有趣的机会打开了大门,可以从 EnterpriseOne 和非 EnterpriseOne 源并排可视化数据。

您可以轻松地将小部件发布到 EnterpriseOne 最终用户,方法是将小部件添加到 EnterpriseOne 编写的页面(特别是设计器窗格)以及从工具 9.2.9.4(小部件窗格)开始。此外,徽章类型小部件的行为与 One View 监视列表类似;它们会自动显示在 EnterpriseOne Web 客户端的监视列表(标志)下拉列表中以及监视列表窗格中。

Scenario

在此 OBE 中,作为复合页面设计器,您将将以前 OBE 中创建的窗口部件发布到 EnterpriseOne 页面上的新窗口部件窗格。此外,作为用户,您将输入小部件的输入并查看输出。

对于此方案,您将:

  • 创建一个新的 EnterpriseOne 组合页。
  • 为您在之前的 OBE 练习中创建的每个小部件创建一个新的小部件窗格。您将多次添加到页面中的某些小部件。
  • 添加窗口部件默认输入作为页面设计器。
  • 将窗口部件输入更改为用户。
  • 在全屏模式下查看小部件。

当您完成此 OBE 中的步骤时,带有小部件面板的 EnterpriseOne 页面将类似于以下屏幕截图:

屏幕快照
小部件窗格

需要做哪些准备?

要执行此 OBE 中的步骤,您需要:

  • 使用版本 25(2025 年 6 月)(工具版本 9.2.9.4)或更高版本访问 JD Edwards EnterpriseOne 环境
  • Widgets (WIDGET) 的功能安全性、UDO 操作安全性和内容安全性
  • 组合页面 (COMPOSITE) 的功能安全性和 UDO 操作安全性
  • 在之前的 OBE 练习中完成的这七个小部件:过期订单、最订购货品数量、最订购货品名称、按业务单位列出的采购订单、按业务单位列出的支出分析、温度计量表详细预测文本框。

有关更多信息,请参见以下 OBE:


section (部分) 1创建新的 EnterpriseOne 组合页并添加第一个小部件窗格

在本练习中,您将创建一个包含单个小部件窗格的新 EnterpriseOne 页面。

  1. 登录 EnterpriseOne Web 客户端。
  2. 从用户菜单下拉列表中,选择管理内容,然后单击组合页
  3. 从“名称”下拉列表中,选择(创建)以创建新页。
  4. 单击窗口左上角的创建新内容图标。
  5. 单击小部件以将小部件窗格添加到页面中。
  6. 在“创建指向小部件的链接”窗口的“名称”字段中,输入 Past Due Orders
    注:由于每个小部件窗格只能包含一个小部件,因此在小部件后面命名小部件窗格最常见。
  7. 单击确定。使用“小部件”菜单可以为此窗格选择小部件。
  8. 从“小部件”下拉列表中,选择 #Past 到期订单(过期订单 P43261)- 徽章–数字。
    屏幕快照
    小部件列表
    注:您可以在下拉字段中键入以筛选小部件名称。
  9. 单击窗口右上角的保存以保存页面。
  10. 在“Enter New Name(输入新名称)”窗口中,输入 Widget Panes
  11. 单击 Close(关闭)关闭页设计器。
    此时将显示新的 EnterpriseOne 页面,其中包含单个小部件窗格。由于“过期订单”小部件是一个徽章,因此它显示在窗格的中心,并且该窗格占据整个页面区域,如以下屏幕截图中所示:
    屏幕快照
    小部件窗格 - 过期到期订单
    由于 EnterpriseOne 组成的页面可以包含多种类型的内容,例如设计器窗格、One View 报告、EnterpriseOne 应用程序等,因此您可以继续设计包含其他组件的更复杂页面。在以下练习中,您将继续为其他小部件添加窗格。

section (部分) 2将小部件窗格添加到 EnterpriseOne 页

在上一个练习中,您创建了一个包含单个小部件窗格的新 EnterpriseOne 页面。在本练习中,您将为其他小部件添加窗格。

  1. 确保正在查看新的“Widget Panes(小部件窗格)”页面。
  2. 从用户菜单下拉列表中,选择管理内容,然后单击组合页
    EnterpriseOne 组合页将在设计模式下打开。
  3. 单击页面顶部的创建新内容图标。
  4. 单击小部件并将其拖到现有小部件窗格右侧,然后将其拖放。
  5. 屏幕快照
    小部件窗格
  6. 在“Create Link to Widget(创建指向小部件的链接)”窗口的“Name(名称)”字段中,输入 Most Ordered Item Quantity.
  7. 单击确定
  8. 使用“小部件”菜单可以为此窗格选择小部件。选择 #Most Ordered Quantity (Most Ordered Item Quantity) – Badge – Numeric。
  9. 单击窗口右上角的保存以保存页面。
  10. 单击 Close(关闭)关闭页设计器。
    现在,您的页面有两个小部件窗格,如以下屏幕截图所示:
  11. 屏幕快照
    小部件窗格 - 过期订单和订购数量最多
  12. 重复步骤 2 到步骤 8,将最常订购项目名称按业务单位列出的 PO 小组件添加到页面中。小组件应如下面的屏幕截图中所示。您可以根据需要调整小部件面板的对齐方式。
    屏幕快照
    小部件窗格
    注:当您处于页面的设计模式时,可以拖动窗格周围的水平条和垂直条以对齐和调整其大小。
  13. 屏幕快照
    小部件窗格 - 水平条和垂直条

section (部分) 3使用默认输入添加小部件

在前面的练习中,您为不需要任何输入的窗口部件添加了小部件窗格。在本练习中,您将添加需要输入的窗口部件,这些窗口部件使您能够为这些输入提供默认值。

  1. 访问 EnterpriseOne 页面的设计模式(用户菜单 -> 管理内容 -> 编写的页面)。
  2. 单击页面左上角的创建新内容图标。
  3. 单击小部件并将其拖到页面的底部中心,然后将其拖放。
  4. 在“创建指向小部件的链接”窗口的“名称”字段中,输入 Spend Analysis by Business Unit for Company 00200
  5. 单击确定
  6. 在“小部件”菜单上,选择 #Spend“按业务单位进行分析”(按业务单位进行支出分析)- 图表
    此小部件接受公司的输入值。作为页面设计器,“Widget Configuration(小部件配置)”窗口允许您为将在页面上看到小部件的用户提供该输入的默认值。
  7. 在“值”字段中,输入 00200
    您可以在小部件窗格上多次添加相同的小部件,并设置不同的输入。例如,您可以构建一个包含“公司 00200 的支出分析”和“公司 00300 的支出分析”窗口部件的页面。
  8. “窗口部件配置”窗口提供了用于覆盖标题的选项。启用“覆盖标题”选项,并将“标题”字段中的值更改为 Spend Analysis by Business Unit - Company 00200。“Widget Configuration(窗口部件配置)”窗口还提供了一个“Allow Input(允许输入)”选项,允许用户为窗口部件提供其他输入。为此,步骤将禁用此选项。您将在后续步骤中启用“Allow Input(允许输入)”选项。
  9. 重复第 2 步至第 8 步,为“按业务单位列出的支出分析”小部件添加第二个小部件窗格。
    这一次,在“输入”字段中输入 00001 ,在“标题”字段中输入 Spend Analysis by Business Unit – Company 00001.
    注:系统中的数据可能不同。您可以使用任何具有有效数据的公司。
  10. 单击保存
  11. 单击窗口顶部的保存以保存页面。
  12. 单击关闭以关闭页设计器。带有小部件面板的 EnterpriseOne 页面现在类似于以下内容:
  13. 屏幕快照
    小部件窗格

section (部分) 4使用用户输入添加小部件

在上一个练习中,您添加了一个允许输入的窗口部件,作为页面设计者,您提供了默认输入。在本练习中,您将添加使用户能够提供输入的窗口部件。通过这种方式,您可以在页面上发布单个小部件,并且用户可以自己定制该小部件,例如,通过提供相关业务单位、工作中心或用于筛选的日期范围。每个用户将看到相同的窗口部件,但具有不同的数据。

  1. 从用户菜单中,选择管理内容,然后选择组合页以访问 EnterpriseOne 页面的设计模式。
  2. 单击页面顶部的创建新内容图标。
  3. 单击小部件并将其拖到页面的左下角,然后将其拖放。
  4. 在“创建指向小部件的链接”窗口的“名称”字段中,输入 Temperature
  5. 单击确定
  6. 从“小部件”下拉列表中,选择 #Temperature 计量表(温度计量表)- 计量表
    此小部件接受网格点的输入值。此输入是美国国家气象局用于指定地理位置的代码。
  7. 在“值”字段中,输入 BOU/63,61。这是科罗拉多州丹佛市的电网点。
  8. 启用覆盖标题选项并将标题编辑为 Denver Temperature。对于此温度计实例,请禁用允许输入选项。
  9. 屏幕快照
    小部件配置 - 改写标题
  10. 单击保存
    在接下来的步骤中,您将添加“Temperature Meter(温度计)”小部件的另一个实例并启用“Allow Input(允许输入)”选项。
  11. 单击页面左上角的创建新内容图标。
  12. 单击小部件并将其拖到页面的底部中心,然后将其拖放。
  13. 在“Create Link to Widget(创建指向小部件的链接)”窗口的“Name(名称)”字段中,输入 City Temperature.
  14. 单击确定
  15. 从“小部件”下拉列表中,选择 #Temperature 计量表(温度计量表)- 计量表
  16. 在 "Widget Configuration" 窗口中,启用 Allow Input 选项。
  17. 启用覆盖标题选项,并将标题更改为 Your City Temperature
  18. 将 gridpoints(String) 的“值”字段留空。
  19. 屏幕快照
    小部件配置 - 改写标题和允许输入
  20. 单击保存
    作为页面上的最后一个窗口部件窗格,接下来将添加包含用户输入的详细预测文本框窗口部件。
  21. 单击页面左上角的创建新内容图标。
  22. 单击并按住 Widget 并将其拖到页面的右下角。然后释放鼠标按钮。
  23. 在“Create Link to Widget(创建指向小部件的链接)”窗口的“Name(名称)”字段中,输入 City Forecast.
  24. 单击确定
  25. 在“小组件”菜单上,选择 #Detailed“预测文本框(详细预测文本框)”-“文本框”
  26. 在 "Widget Configuration" 窗口中,启用 Allow Input 选项。
  27. 启用覆盖标题选项,并在“标题”字段中将标题更改为 Your City Forecast.
  28. 将栅格点的“值”字段留为空白。
  29. 屏幕快照
    小部件配置 - 城市预测
  30. 单击保存
  31. 拖动窗格周围的水平和垂直蓝色条形以均匀地对齐和调整窗格大小:
  32. 屏幕快照
    小部件窗格 - 对齐
  33. 单击窗口右上角的保存以保存页面。
  34. 单击 Close(关闭)关闭页设计器。
    带有小部件面板的 EnterpriseOne 页面现在类似于以下内容:
  35. 屏幕快照
    小部件窗格

section (部分) 5向小部件提供用户输入

在上一个练习中,作为页面设计者,您添加了名为“您的城市温度”和“您的城市预测”的小部件窗格,并允许用户输入这些小部件。在本练习中,作为用户,您将为位置配置这两个小部件并相应地更改标题。

  1. 确保正在查看新的“Widget Panes(小部件窗格)”页面。
  2. 在标题为“您的城市温度”的小部件窗格上,单击小部件配置图标
  3. 屏幕快照
    小部件窗格 - 城市温度
  4. 在“Widget Configuration(小部件配置)”窗口中,输入下表中的值以配置其他城市的网格点。
    城市
    网格点
    丹佛,CO 布/63,61
    纽约州,NY OKX/33,35
    伊利诺伊州芝加哥 批次/75,73
    内华达州拉斯维加斯 VEF/123,98
  5. 启用覆盖标题选项并编辑“标题”字段中的值以匹配城市。
  6. 屏幕快照
    小部件配置 - 纽约温度
  7. 单击保存
    EnterpriseOne 页面使用新输入和新标题刷新小部件,如下面的屏幕截图中所示:
  8. 屏幕快照
    小部件窗格 - 纽约温度
  9. 重复第 2 步至第 5 步,以使用相同的网格点输入和适当的标题配置“您的城市预测”小部件。
  10. 屏幕快照
    小部件窗格 - 温度和预测

section (部分) 7在全屏模式下查看小部件窗格

在 EnterpriseOne 页上查看小部件窗格时,与其他窗格类型一样,用户可以在全屏模式下打开该窗格。这种模式可以提供更清晰的细节视图,特别是复杂的图表。

  1. 确保正在查看新的“Widget Panes(小部件窗格)”页面。
  2. 在标题为“按业务单位 - 公司 00200 进行支出分析”的小部件窗格上,单击弹出内容图标。
    EnterpriseOne 页面将替换为小部件的全屏视图:
  3. 屏幕快照
    小部件窗格 - 弹出式内容图标
  4. 要将小部件恢复为其原始大小,请单击窗格右上角的恢复内容图标。
  5. 屏幕快照
    小部件窗格 - 恢复内容图标

更多信息小结

在此 OBE 中,您了解了如何:

  • 创建新的 EnterpriseOne 组合页并将小部件窗格添加到其中
  • 对于具有输入的窗口部件,请使用默认输入配置它们
  • 对于具有输入的窗口部件,允许用户提供输入
  • 在具有不同输入的页面上添加同一窗口部件的多个实例
  • 在全屏模式下查看小部件

    在此 OBE 中,您仅使用小部件窗格构建了 EnterpriseOne 页面,但与任何 EnterpriseOne 组合页面一样,可以将不同的内容类型组合在一起,为用户提供丰富、信息丰富和动态的用户体验。

更多信息想要了解更多信息?