教程:创建模板

07-apply-rules-to-adaptive-form_small

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

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

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

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

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

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

为打印渠道创建模板

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

使用Forms Designer创建XDP模板

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

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

create_print_template

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

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

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

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

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

  3. 选择子窗体以在右窗格的​Object​窗口中显示子窗体的选项。

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

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

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

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

    Designer子表单

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

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

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

    打印模板的子表单

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

    • 帐单详细信息

    • 客户详细信息

    • 帐单摘要

    • 摘要 — 选择​子表单​选项卡,然后从此子表单的​内容​下拉列表中选择​定位。 在​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),然后点按​Open​以将XDP模板导入AEM Forms服务器。

为布局片段创建XDP模板

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

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

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

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

  3. 在插入表对话框中:

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

    同样,将​Cell2Cell3Cell4​和​Cell5​重命名为​TimeNumberDuration​和​Chergs

  5. 单击​Designer视图​中的“标题”文本字段,并将其重命名为​TimeNumberDuration​和​Carges

    布局片段

  6. 从左窗格中选择​Row 1 ,然后选择​Object > Binding > Repeat Row for Each Data Item

    布局片段的重复属性

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

    布局片段的文本字段

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

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

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

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

    3. 点按​保存

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

为Web渠道创建模板

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

为模板创建文件夹

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

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

  1. 点按​工具 hammer-icon > 配置浏览器

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

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

    配置Web模板

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

创建模板

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

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

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. 在左窗格中选择​Content​选项卡。 步骤8中添加的新面板显示在内容树的​根面板​下。

    内容树

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

  11. 在属性窗格中:

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

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

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

    4. 点按以保存属性。

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

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

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

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

    所有面板的内容树

启用模板

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

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

  1. 点按​工具 hammer-icon > 模板

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

  3. 选项卡​再次启用​以进行确认。

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

在交互式通信中启用按钮

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

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

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

    配置策略

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

    允许的组件

  4. 点按done_icon以保存属性。

在此页面上