在AEM Forms Designer中设计表单时,除了预览表单的PDF呈现版本外,您还可以预览表单的HTML5呈现版本。 您可以使用 预览HTML 选项卡来预览表单在浏览器中显示的效果。
要使Designer能够生成XDP表单的HTML预览,请执行以下配置:
转到 https://'[server]:[port]'/system/console/configMgr
在OSGi或
https://'[server]:[port]'/lc/system/console/configMgr
在JEE上运行的AEM Forms上。
找到并单击 Apache Sling身份验证服务 配置以在编辑模式下将其打开。
根据您在OSGi或JEE上运行的是AEM Forms,请在 身份验证要求 字段:
AEM Forms on JEE
AEM Forms on OSGi
请勿在“身份验证要求”字段中复制并粘贴指定的值,因为该值可能会损坏值中的特殊字符。 而是在字段中键入指定的值。
在中指定用户名和密码 匿名用户名 和 匿名用户密码 字段。 指定的凭据用于处理匿名身份验证并允许匿名用户访问。
单击 保存 以保存配置。
的 受保护模式 默认情况下为开。 保持为生产环境启用该功能。 您可以在开发环境中禁用此HTML,以在desinger中预览Forms 5。 请执行以下步骤以禁用该功能:
以管理员身份登录AEM Web Console。
https://'[server]:[port]'/system/console/configMgr
https://'[server]:[port]'/lc/system/console/configMgr
打开 移动Forms配置 进行编辑。
取消选择 保护模式 选项并单击 保存.
在Designer中,转到 工具 > 选项.
在“选项”窗口中,选择 服务器选项 ,请提供以下详细信息,然后单击 确定.
服务器URL:AEM Forms服务器URL。
HTTP端口号:AEM服务器端口。 默认值为 4502。
HTML预览上下文: 用于呈现XFA表单的配置文件路径。 以下默认配置文件用于在Designer中预览表单。 但是,您还可以指定自定义配置文件的路径。
/content/xfaforms/profiles/default.html
(OSGi上的AEM Forms)
/lc/content/xfaforms/profiles/default.html
(JEE上的AEM Forms)
Forms Manager上下文: 部署Forms Manager UI的上下文路径。 默认值为:
/aem/forms
(OSGi上的AEM Forms)/lc/forms
(JEE上的AEM Forms)确保AEM Forms服务器已启动并正在运行。 HTML预览会连接到CRX服务器,以 生成 预览。
AEM Forms Designer选项
要在HTML中预览表单,请单击 预览HTML 选项卡。
要测试真正的最终用户体验,还可在外部浏览器(Google Chrome、Microsoft Edge、Mozilla Firefox等)中预览您的表单。 每个浏览器都使用单独的引擎来渲染HTML,因此在Designer和外部浏览器中预览表单的方式可能存在一些差异。
Designer允许您使用示例XML数据预览和测试表单。 建议您经常使用示例数据测试表单,以确保表单正确呈现。
如果您没有示例数据,Designer可以创建它,也可以自己创建它。 (请参阅 自动生成用于预览表单的示例数据 和 创建用于预览表单的示例数据.)
使用示例数据源测试表单可确保数据和字段已映射,并且重复子表单会按预期重复。 您可以创建平衡的表单布局,以便为每个对象提供适当的空间以显示合并的数据。
选择 文件>表单属性.
单击 预览 选项卡,然后在数据文件框中,键入测试数据文件的完整路径。 您还可以使用“浏览”按钮导航到文件。
单击确定。下次在 预览HTML 选项卡中,样例XML文件中的数据值将显示在相应的对象中。
在AEM Forms中,您可以预览存储库中的表单和文档。 预览有助于准确了解表单的外观和行为方式,就像最终用户使用的一样。