教程:创建模板 tutorial-create-templates
本教程是创建您的第一个交互式通信系列中的步骤。 建议您按照时间顺序跟踪系列,以了解、执行和演示完整的教程用例。
要创建交互式通信,必须在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文件上传到Forms服务器后,这些子表单在打印模板中显示为目标区域。 创建交互式通信时,文档片段、图表、布局片段和图像等所有实体都将添加到目标区域。
要为打印渠道创建XDP模板,请执行以下操作:
-
打开Forms Designer,选择 文件 > 新建 > 使用空白表单, 选择 下一步,然后选择 完成 以打开用于创建模板的表单。
确保从 窗口 菜单选择 对象库 和 对象 选项。
-
将 子表单 组件从 对象库 拖放到表单中。
-
选择子表单,以便在右窗格的 对象 窗口中查看子表单的选项。
-
选择 子表单 选项卡,然后从 内容 下拉列表中选择 流式。 要调整长度,请拖动子表单的左端点。
-
在 绑定 选项卡中:
-
在 名称 字段中指定 BillDetails。
-
从 数据绑定 下拉列表中选择 无数据绑定。
-
-
同样,选择根子表单,选择 子表单 选项卡,然后从 Content 下拉列表中选择 Flowed。 在 绑定 选项卡中:
-
在 名称 字段中指定 TelecaBill。
-
从 数据绑定 下拉列表中选择 无数据绑定。
打印模板的
-
-
重复步骤2 - 5以创建以下子表单:
-
账单详细信息
-
客户详细信息
-
账单摘要
-
摘要 — 选择 子表单 选项卡,然后从此子表单的 内容 下拉列表中选择 位置。 在 摘要 子表单中插入以下子表单。
- 费用
- 图表
-
ItemisedCalls
-
Paynow
-
ValueAddedServices
为了节省时间,您还可以复制并粘贴现有子表单以创建其他子表单。
若要将 Charts 子表单移到Charges子表单的右侧,请从左窗格中选择 Charts 子表单,选择 布局 选项卡,并指定 AnchorX 字段的值。 该值必须大于 费用 子表单的 宽度 字段的值。 选择 费用 子表单并选择 布局 选项卡,以便您可以查看 宽度 字段的值。
-
-
将 Text 对象从 对象库 拖放到窗体中,并在框中输入 Dial XXXX以订阅 文本。
-
右键单击左窗格中的文本对象,选择 重命名对象,然后输入文本对象的名称作为 订阅。
-
选择 文件 > 另存为,将文件保存在本地文件系统中:
-
导航到可以保存文件的位置,并将名称指定为 create_first_ic_print_template。
-
从 保存类型 下拉列表中选择 .xdp。
-
选择 保存。
-
将XDP模板上传到AEM Forms服务器 upload-xdp-template-to-the-aem-forms-server
使用Forms Designer创建XDP模板后,必须将其上传到AEM Forms服务器,以便该模板可在创建交互式通信时使用。
-
选择 Forms > Forms和文档。
-
选择 创建 > 文件上传。
导航并选择 create_first_ic_print_template 模板(XDP)并选择 Open 以将XDP模板导入AEM Forms服务器。
为布局片段创建XDP模板 create-xdp-template-for-layout-fragments
要为交互式通信的打印渠道创建布局片段,请使用Forms Designer创建XDP并将其上传到AEM Forms服务器。
-
打开Forms Designer,选择 文件 > 新建 > 使用空白表单, 选择 下一步,然后选择 完成 以打开用于创建模板的表单。
确保从 窗口 菜单选择 对象库 和 对象 选项。
-
将 Table 组件从 对象库 拖放到窗体中。
-
在“插入表”对话框中:
- 指定列数为 5。
- 指定正文行数为 1。
- 选中 Include Header Row in Table 复选框。
- 选项卡 确定。
-
选择 表 1旁边的左窗格中的 +,右键单击 单元格1,然后选择 将对象 重命名为 日期。
同样,将 单元格2、单元格3、单元格4 和 单元格5 分别重命名为 时间、数字、持续时间 和 费用。
-
单击 Designer视图 中的标题文本字段,并将它们重命名为 Time、Number、Duration 和 Charges。
-
从左窗格中选择 行1,并为每个数据项选择 对象 > 绑定 > 重复行。
-
将 文本字段 组件从 对象库 拖放到 Designer视图。
布局片段的
同样,将 文本字段 组件拖放到 Time、Number、Duration 和 Charges 行。
-
选择 文件 > 另存为,将文件保存在本地文件系统中:
-
导航到可以保存文件的位置,并将名称指定为 table_lf。
-
从 保存类型 下拉列表中选择 .xdp。
-
选择 保存。
使用Forms Designer为布局片段创建XDP模板后,必须将该模板上传AEM Forms服务器,以便该模板可在创建布局片段时使用。
-
为Web渠道创建模板 create-template-for-web-channel
使用以下任务为交互式通信的Web渠道创建和管理模板:
为模板创建文件夹 create-folder-for-templates
要创建Web渠道模板,请定义一个文件夹,您可以在其中保存创建的模板。 在该文件夹中创建模板后,启用该模板以允许表单用户根据该模板创建交互式通信的Web渠道。
要为可编辑模板创建文件夹,请执行以下操作:
-
选择 工具 > 配置浏览器。
- 有关详细信息,请参阅配置浏览器文档。
-
在配置浏览器页面中,选择 创建。
-
在 创建配置 对话框中,指定 Create_First_IC_templates 作为文件夹的标题,选中 可编辑的模板,然后选择 创建。
Create_First_IC_templates 文件夹已创建并列在 配置浏览器 页面上。
创建模板 create-the-template
- 帐单详细信息:包括文档片段
- 客户详细信息:包含文档片段
- 帐单摘要:包含文档片段
- 费用汇总:包括文档片段和图表(两列式布局)
- 分项调用:包含表
- 立即付款:包含 立即付款 按钮和图像
- 增值服务:包含图像和 订阅 按钮。
创建交互式通信时,会添加所有实体,例如文档片段、图表、表格、图像和按钮。
要在 Create_First_IC_templates 文件夹中为Web渠道创建模板,请执行以下步骤:
-
通过选择 Tools > Templates > Create_First_IC_templates 文件夹,导航到相应的模板文件夹。
-
选择 创建。
-
在 选择模板类型 配置向导中,选择 交互式通信 — Web渠道,然后选择 下一步。
-
在 模板详细信息 配置向导中,将 Create_First_IC_Web_Template 指定为模板标题。 指定可选说明,然后选择 创建。
显示 Create_First_IC_Web_Template 的确认消息。
-
选择 打开 以在模板编辑器中打开模板。
-
从 预览 选项旁边的下拉列表中选择 初始内容。
-
选择 根面板,然后选择 + 以查看可添加到模板的组件列表。
-
若要在 根面板 上方添加面板,请从列表中选择 面板。
-
在左窗格中选择 Content 选项卡。 在步骤8中添加的新面板显示在内容树的 根面板 下。
-
选择面板,然后选择 (配置)。
-
在“属性”窗格中:
-
在“名称”字段中指定 billdetails。
-
在“标题”字段中指定 帐单详细信息。
-
从 列数 下拉列表中选择 1。
-
要保存属性,请选择 。
面板的名称在内容树中更新为 帐单详细信息。
-
-
重复步骤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模板,请执行以下操作:
-
选择 工具 > 模板。
-
导航到 Create_First_IC_Web_Template 模板,选择它,然后选择 启用。
-
再次选择 启用 以确认。
模板已启用,其状态显示为“已启用”。 在为Web渠道创建交互式通信时,可以使用此模板。
在交互式通信中启用按钮 enabling-buttons-in-interactive-communications
根据用例,必须在交互式通信中包括 立即付款 和 订阅 按钮(自适应表单组件)。 要在交互式通信中启用这些按钮,请执行以下操作:
-
从 预览 选项旁边的下拉列表中选择 结构。
-
使用内容树选择 文档容器 根面板,然后选择 策略 以选择允许在交互式通信中使用的组件。
-
在 属性 部分的 允许的组件 选项卡中,从 自适应表单 组件中选择 按钮。
-
要保存属性,请选择 。