教程:创建模板

07-apply-rules-to-adaptive-form_small

本教程是创建您的第一个交互式通信系列中的一个步骤。 建议按照时间顺序按照该系列进行操作,以了解、执行和演示完整的教程用例。

要创建交互式通信,必须在AEM服务器上提供用于打印和Web渠道的模板。

打印渠道的模板是在Adobe Forms Designer中创建的,并上传到AEM服务器。 然后,这些模板便可在创建交互式通信时使用。

Web渠道的模板是在AEM中创建的。 模板作者和管理员可以创建、编辑和启用Web模板。 创建并启用后,这些模板便可在创建交互式通信时使用。

本教程将指导您逐步创建用于打印和Web渠道的模板,以便在创建交互式通信时使用这些模板。 在本教程的结尾,您将能够:

  • 使用Adobe Forms Designer为打印渠道创建XDP模板
  • 将XDP模板上传到AEM Forms Server
  • 创建并启用Web渠道的模板

为打印渠道创建模板

使用以下任务创建和管理交互式通信的打印渠道的模板:

使用Forms Designer创建XDP模板

根据用例解剖结构,在XDP模板中创建以下子表单:

  • 帐单详细信息:包括文档片段
  • 客户详细信息:包括文档片段
  • 帐单汇总:包括文档片段
  • 摘要:包括文档片段(费用子表单)和图表(图表子表单)
  • 明细调用:包括表(布局片段)
  • 立即付款:包括图像
  • 增值服务:包括图像

create_print_template

将XDP文件上传到Forms服务器后,这些子表单在“打印”模板中显示为目标区域。 创建交互通信时,所有实体(如文档片段、图表、布局片段和图像)都将添加到目标区域。

请执行以下步骤,为打印渠道创建XDP模板:

  1. 打开Forms设计器,选择​文件 > 新建 > 使用空白表单,​点按​下一步,然后点按​完成​打开表单以创建模板。

    确保从​Window​菜单中选择​对象库​和​对象​选项。

  2. 将​子表单​组件从​对象库​拖放到表单。

  3. 选择子表单,在右侧窗格的​Object​窗口中显示子表单的选项。

  4. 选择​子表单​选项卡,然后从​内容​下拉列表中选择​Frued。 拖动子表单的左端点以调整长度。

  5. 在​绑定​选项卡中:

    1. 在​名称​字段中指定​BillDetails

    2. 从​数据绑定​下拉列表中选择​无数据绑定

    设计器子表单

  6. 同样,选择根子表单,选择​子表单​选项卡,然后从​内容​下拉列表中选择​Frued。 在​绑定​选项卡中:

    1. 在​名称​字段中指定​TelecaBill

    2. 从​数据绑定​下拉列表中选择​无数据绑定

    打印模板的子表单

  7. 重复步骤2 - 5以创建以下子表单:

    • BillDetails

    • 客户详细信息

    • 帐单摘要

    • 摘要 — 选择​子表单​选项卡,然后从此子表单的​内容​下拉列表中选择​定位。 在​Summary​子表单中插入以下子表单。

      • 费用
      • 图表
    • ItemisedCalls

    • PayNow

    • ValueAddedServices

    为了节省时间,您还可以复制并粘贴现有子表单以创建新子表单。

    要将​Charts​子表单移到Charges子表单的右侧,请从左窗格中选择​Charts​子表单,选择​Layout​选项卡,然后为​AnchorX​字段指定值。 该值必须大于​Charges​子表单的​Width​字段的值。 选择​Charges​子表单并选择​Layout​选项卡以视图​Width​字段的值。

  8. 将​Text​对象从​对象库​拖放到表单中,并在框中输入​拨XXXX以订阅​文本。

  9. 右键单击左窗格中的文本对象,选择​重命名对象,然后输入文本对象的名称作为​订阅

    XDP模板

  10. 选择​文件 > 另存为​以将文件保存到本地文件系统中:

    1. 导览至要保存文件的位置,并指定名称为​create_first_ic_print_template

    2. 从​另存为类型​下拉列表中选择​.xdp

    3. 点按​保存

将XDP模板上传到AEM Forms服务器

使用Forms Designer创建XDP模板后,必须将其上传到AEM Forms服务器,以便该模板在创建交互通信时可用。

  1. 选择​Forms > Forms和文档

  2. 点按​创建 > 文件上载

    导航并选择​create_first_ic_print_template​模板(XDP),然后点按​打开​将XDP模板导入AEM Forms服务器。

为布局片段创建XDP模板

要为交互通信的打印渠道创建布局片段,请使用Forms Designer创建XDP,然后将其上传到AEM Forms服务器。

  1. 打开Forms设计器,选择​文件 > 新建 > 使用空白表单,​点按​下一步,然后点按​完成​打开表单以创建模板。

    确保从​Window​菜单中选择​对象库​和​对象​选项。

  2. 将​Table​组件从​对象库​拖放到表单中。

  3. 在“插入表”对话框中:

    1. 将列数指定为​5
    2. 将正文行数指定为​1
    3. 选中​​中包含标题行复选框。
    4. 选项卡​确定
  4. 点按​ 1旁边的左窗格中的​+,然后右键单击​单元格1​并选择​将对象​重命名为​日期

    同样,将​Cell2Cell3Cell4​和​Cell5​重命名为​TimeNumber持续时间​和​费用

  5. 单击​设计器视图​中的标题文本字段,并将它们重命名为​TimeNumberDuration​和​Carges

    布局片段

  6. 从左窗格中选择​行1,然后选择​对象 > 绑定 > 为每个数据项重复行

    为布局片段重复属性

  7. 将​文本字段​组件从​对象库​拖放到​设计器视图

    布局片段的文本字段

    同样,将​文本字段​组件拖放到​TimeNumberDuration​和​Carges​行。

  8. 选择​文件 > 另存为​以将文件保存到本地文件系统中:

    1. 导览至要保存文件的位置,并将名称指定为​table_lf

    2. 从​另存为类型​下拉列表中选择​.xdp

    3. 点按​保存

    使用Forms设计器为布局片段创建XDP模板后,必须上载到AEM Forms服务器,以便在创建布局片段时可以使用该模板。

为Web渠道创建模板

使用以下任务创建和管理交互式通信的Web渠道的模板:

为模板创建文件夹

要创建Web渠道模板,请定义一个文件夹,您可以在其中保存创建的模板。 在该文件夹内创建模板后,启用该模板,以允许表单用户根据模板创建交互式通信的Web渠道。

执行以下步骤为可编辑的模板创建文件夹:

  1. 点按​工具 锤子图标 > 配置浏览器

  2. 在“配置浏览器”页中,点按​创建

  3. 在​创建配置​对话框中,指定​Create_First_IC_templates​作为文件夹的标题,选中​可编辑模板,然后点按​创建

    配置Web模板

    将创建​Create_First_IC_templates​文件夹,并在​配置浏览器​页面上列出。

创建模板

根据用例解剖结构,在Web模板中创建以下面板:

  • 帐单详细信息:包括文档片段
  • 客户详细信息:包括文档片段
  • 帐单汇总:包括文档片段
  • 费用汇总:包括文档片段和图表(双列布局)
  • 明细调用:包括表
  • 立即付款:包括​立即付费​按钮和图像
  • 增值服务:包括图像和​订阅​按钮。

create_web_template

创建交互通信时,将添加所有实体,如文档片段、图表、表、图像和按钮。

请执行以下步骤,为​Create_First_IC_templates​文件夹中的Web渠道创建模板:

  1. 通过选择​工具 > 模板 > Create_First_IC_templates​文件夹,导览至相应的模板文件夹。

  2. 点按​创建

  3. 在​选择模板类型​配置向导中,选择​交互式通信 — Web渠道,然后点按​下一个

  4. 在​模板详细信息​配置向导中,指定​Create_First_IC_Web_Template​作为模板标题。 指定可选描述,然后点按​创建

    将显示确认消息,提示​Create_First_IC_Web_Template

  5. 点按​打开​以在模板编辑器中打开模板。

  6. 从​预览​选项旁边的下拉列表中选择​初始内容

    模板编辑器

  7. 点按​根面板,然后点按​+​以视图可添加到模板的组件的列表。

  8. 从列表中选择​面板​以在​根面板​上方添加面板。

  9. 在左窗格中选择​内容​选项卡。 步骤8中添加的新面板显示在内容树的​根面板​下。

    内容树

  10. 选择面板,然后点按configure_icon(Configure)。

  11. 在“属性”窗格中:

    1. 在“名称”字段中指定​billdetails

    2. 在“标题”字段中指定​清单详细信息

    3. 从​列数​下拉列表中选择​1

    4. 点按以保存属性。

    面板的名称将更新为内容树中的​清单详细信息

  12. 重复步骤7 - 11,向模板中添加具有以下属性的面板:

    名称 标题 列数
    customerdetails 客户详细信息 1
    billsum 帐单汇总 1
    摘要费用 费用汇总 2
    itimisedcall 明细调用 1
    立即付款 立即付款 2
    vas 增值服务 1

    下图描述了将所有面板添加到模板后的内容树:

    所有面板的内容树

启用模板

创建Web模板后,必须启用该模板以在创建交互式通信时使用该模板。

执行以下步骤以启用Web模板:

  1. 点按​工具 锤子图标 > 模板

  2. 导航到​Create_First_IC_Web_Template​模板,将其选中,然后点按​启用

  3. Tab 再次启用​进行确认。

    模板已启用,其状态显示为“已启用”。 您可以在为Web渠道创建交互式通信时使用此模板。

在Interactive Communications中启用按钮

根据用例,您必须在交互通信中包含​立即付费​和​订阅​按钮(自适应表单组件)。 要在交互通信中启用这些按钮,请执行以下步骤:

  1. 从​预览​选项旁边的下拉列表中选择​结构

  2. 使用内容树选择​文档容器​根面板,然后点按​策略​以选择允许在交互通信中使用的组件。

    配置策略

  3. 在​属性​部分的​允许的组件​选项卡中,从​自适应表单​组件中选择​按钮

    允许的组件

  4. 点按done_icon以保存属性。

On this page

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now