使用延迟加载改进大型表单的性能 improve-performance-of-large-forms-with-lazy-loading
Adobe 建议使用现代、可扩展的数据捕获核心组件,以创建新的自适应表单或将自适应表单添加到 AEM Sites 页面。这些组件代表有关创建自适应表单的重大改进,确保实现令人印象深刻的用户体验。本文介绍了使用基础组件创作自适应表单的旧方法。
延迟加载简介 introduction-to-lazy-loading
当表单变得庞大而复杂,并包含数百个和数千个字段时,最终用户在运行时呈现表单时会遇到较长的响应时间。 为了最大限度地缩短响应时间,Adaptive Forms允许您将表单拆分为逻辑片段,并进行配置以延迟片段的初始化或加载,直到片段必须可见。 这称为延迟加载。 此外,一旦用户导航到表单中的其他部分并且片段不再可见,将卸载为延迟加载配置的片段。
在配置延迟加载之前,我们先了解要求和准备步骤。
正在准备配置延迟加载 preparing-to-configure-lazy-loading
在自适应表单中配置片段的延迟加载之前,请务必定义策略以创建片段,识别脚本中使用或在其他片段中引用的值,并定义规则以控制延迟加载片段中字段的可见性。
-
标识和创建片段
您只能为延迟加载配置自适应表单片段。 片段是驻留在自适应表单之外的独立区段,可以跨表单重复使用。 因此,实施延迟加载的第一步是识别表单中的逻辑部分并将其转换为片段。 您可以从头开始创建片段,或将现有表单面板另存为片段。 -
标识和标记全局值
基于Forms的交易涉及动态元素,用于从用户捕获相关数据并对其进行处理以简化表单填写体验。 例如,您的表单在片段X中有字段A,其值决定了另一个片段中字段B的有效性。 在这种情况下,如果片段X标记为延迟加载,则即使未加载片段X,字段A的值也必须可用于验证字段B。 要实现此目的,您可以将字段A标记为全局,这样可以确保在未加载片段X时,其值可用于验证字段B。有关如何使字段值全局的信息,请参阅配置延迟加载。
-
写入规则以控制字段的可见性
Forms包含某些字段和部分,不适用于所有用户且在所有条件下均适用。 Forms作者和开发人员使用可见性或显示隐藏规则,根据用户输入控制他们的可见性。 例如,Office Address字段不会显示在表单的“就业状态”字段中选择“失业”的用户面前。 有关编写规则的更多信息,请参阅使用规则编辑器。您可以在延迟加载的片段中使用可见性规则,以便仅在需要时显示条件字段。 此外,将条件字段标记为全局,以在延迟加载片段的可见性表达式中引用它。
配置延迟加载 configuring-lazy-loading
执行以下步骤以在自适应表单片段上启用延迟加载:
-
在创作模式下打开自适应表单,其中包含要为延迟加载启用的片段。
-
选择自适应表单片段,然后选择 。
-
在侧栏中,启用 缓慢加载片段 并选择 完成。
片段现在可用于延迟加载。
您可以将延迟加载片段中对象的值标记为全局,以便在未加载包含的片段时可以在脚本中使用它们。 执行以下操作:
-
在创作模式下打开自适应表单片段。
-
选择要将其值标记为全局的字段,然后选择 。
-
在侧栏中,启用 在延迟加载期间使用值。
该值现在标记为全局,并可在脚本中使用,即使卸载包含的片段也是如此。
配置延迟加载的注意事项和最佳实践 considerations-and-best-practices-for-configuring-lazy-loading
处理延迟加载时要牢记的一些限制、建议和要点如下:
- Adobe建议使用基于XSD架构的自适应Forms而不是基于XFA的自适应Forms来配置大型表单上的延迟加载。 在基于XFA的自适应Forms中,由于延迟加载实现导致的性能增益相对低于在XSD的自适应Forms中。
- 对于自适应表单中某个页面上使用 Responsive -everything而没有根面板的导航 布局的片段,请勿对其进行延迟加载。 作为响应式布局配置的结果,所有片段会在自适应表单中同时加载。 它还会导致性能降低。
- 建议不要在加载自适应表单时呈现的第一个面板中为片段配置延迟加载。
- 片段层次结构中最多支持两个级别的延迟加载。
- 确保在自适应表单中标记为全局的字段是唯一的。
- 考虑为应根据条件显示或隐藏的片段编写可见性规则。 例如,您可以根据用户指定的婚姻状况显示或隐藏“配偶详细信息”片段。
- 延迟加载的片段不支持文件附件和条款和条件组件。
编写配置延迟加载的最佳实践脚本 scripting-best-practices-for-configuring-lazy-loading
在开发用于延迟加载面板的脚本时要牢记以下几点:
- 确保用于延迟加载片段的字段上的初始化和计算脚本本质上为幂等。 幂等脚本是指即使在多次执行后具有相同效果的脚本。
- 使用字段的全局可用属性,使延迟加载面板中的字段值可用于表单的所有其他面板。
- 无论是否跨片段全局标记字段,都不要转发延迟面板中字段的引用值。
- 使用面板重置功能,可通过以下单击表达式重置面板上可见的所有内容。
guideBridge.resolveNode(guideBridge.getFocus({"focusOption": "navigablePanel"}))。resetData()
另请参阅 see-also
- 创建 AEM 自适应表单
- 将 AEM 自适应表单添加到 AEM Sites 页面
- 将主题应用于 AEM 自适应表单
- 将组件添加到 AEM 自适应表单
- 在 AEM 自适应表单中使用 CAPTCHA
- 生成 AEM 自适应表单的 PDF 版本 (DoR)
- 翻译 AEM 自适应表单
- 为自适应表单启用 Adobe Analytics 以跟踪表单使用情况
- 将自适应表单连接到 Microsoft SharePoint
- 将自适应表单连接到 Microsoft Power Automate
- 将自适应表单连接到 Microsoft OneDrive
- 将自适应表单连接到 Microsoft Azure Blob 存储
- 将自适应表单连接到 Salesforce
- 在 AEM 自适应表单中使用 Adobe Sign
- 为自适应表单添加新区域设置
- 将自适应表单数据发送到数据库
- 将自适应表单数据发送到 REST 端点
- 将自适应表单数据发送到 AEM 工作流
- 使用 Forms Portal 在 AEM 网站上列出 AEM 自适应表单
- 向自适应表单添加版本控制、评论和注释
- 比较自适应表单