教程:创建模板 tutorial-create-templates

07-apply-rules-to-adaptive-form_small

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

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

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

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

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

  • 使用AdobeForms Designer为打印渠道创建XDP模板
  • 将XDP模板上传到AEM Forms服务器
  • 为Web渠道创建和启用模板

为打印渠道创建模板 create-template-for-print-channel

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

使用Forms Designer创建XDP模板 create-xdp-template-using-forms-designer

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

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

create_print_template

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

要为打印渠道创建XDP模板,请执行以下操作:

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

    确保从​ 窗口 ​菜单选择​ 对象库 ​和​ 对象 ​选项。

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

  3. 选择子表单,以便在右窗格的​ 对象 ​窗口中查看子表单的选项。

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

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

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

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

    Designer子表单

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

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

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

    打印模板的 子表单

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

    • 账单详细信息

    • 客户详细信息

    • 账单摘要

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

      • 费用
      • 图表
    • ItemisedCalls

    • Paynow

    • ValueAddedServices

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

    若要将​ Charts ​子表单移到Charges子表单的右侧,请从左窗格中选择​ Charts ​子表单,选择​ 布局 ​选项卡,并指定​ AnchorX ​字段的值。 该值必须大于​ 费用 ​子表单的​ 宽度 ​字段的值。 选择​ 费用 ​子表单并选择​ 布局 ​选项卡,以便您可以查看​ 宽度 ​字段的值。

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

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

    XDP模板

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

    1. 导航到可以保存文件的位置,并将名称指定为​ create_first_ic_print_template

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

    3. 选择​ 保存

将XDP模板上传到AEM Forms服务器 upload-xdp-template-to-the-aem-forms-server

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

  1. 选择​ Forms > Forms和文档

  2. 选择​ 创建 > 文件上传

    导航并选择​ create_first_ic_print_template ​模板(XDP)并选择​ Open ​以将XDP模板导入AEM Forms服务器。

为布局片段创建XDP模板 create-xdp-template-for-layout-fragments

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

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

    确保从​ 窗口 ​菜单选择​ 对象库 ​和​ 对象 ​选项。

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

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

    1. 指定列数为​ 5
    2. 指定正文行数为​ 1
    3. 选中​ Include Header Row in Table ​复选框。
    4. 选项卡​ 确定
  4. 选择​ 1旁边的左窗格中的​ +,右键单击​ 单元格1,然后选择​ 将对象 ​重命名为​ 日期

    同样,将​ 单元格2单元格3单元格4 ​和​ 单元格5 ​分别重命名为​ 时间数字持续时间 ​和​ 费用

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

    布局片段

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

    重复布局片段的属性

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

    布局片段的 文本字段

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

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

    1. 导航到可以保存文件的位置,并将名称指定为​ table_lf

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

    3. 选择​ 保存

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

为Web渠道创建模板 create-template-for-web-channel

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

为模板创建文件夹 create-folder-for-templates

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

要为可编辑模板创建文件夹,请执行以下操作:

  1. 选择​ 工具 锤子图标 > 配置浏览器

  2. 在配置浏览器页面中,选择​ 创建

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

    配置Web模板

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

创建模板 create-the-template

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

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

create_web_template

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

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

  1. 通过选择​ Tools > Templates > Create_First_IC_templates ​文件夹,导航到相应的模板文件夹。

  2. 选择​ 创建

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

  4. 在​ 模板详细信息 ​配置向导中,将​ Create_First_IC_Web_Template ​指定为模板标题。 指定可选说明,然后选择​ 创建

    显示​ Create_First_IC_Web_Template ​的确认消息。

  5. 选择​ 打开 ​以在模板编辑器中打开模板。

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

    模板编辑器

  7. 选择​ 根面板,然后选择​ + ​以查看可添加到模板的组件列表。

  8. 若要在​ 根面板 ​上方添加面板,请从列表中选择​ 面板

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

    内容树

  10. 选择面板,然后选择 configure_icon (配置)。

  11. 在“属性”窗格中:

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

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

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

    4. 要保存属性,请选择 保存

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

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

    table 0-row-3 1-row-3 2-row-3 3-row-3 4-row-3 5-row-3 6-row-3
    名称 标题 列数
    customerdetails 客户详细信息 1
    帐单摘要 账单摘要 1
    汇总费用 费用汇总 2
    itemisedcalls 分项呼叫 1
    paynow 立即付款 2
    vas 增值服务 1

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

    所有面板的 内容树

启用模板 enable-the-template

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

要启用Web模板,请执行以下操作:

  1. 选择​ 工具 锤子图标 > 模板

  2. 导航到​ Create_First_IC_Web_Template ​模板,选择它,然后选择​ 启用

  3. 再次选择​ 启用 ​以确认。

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

在交互式通信中启用按钮 enabling-buttons-in-interactive-communications

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

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

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

    配置策略

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

    允许的组件

  4. 要保存属性,请选择 保存

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2