将草稿和提交组件与数据库集成的示例

示例概述

AEM Forms门户网站草稿和提交组件允许用户将表单另存为草稿并在以后从任何设备提交。 此外,用户还可以在门户上视图其提交的表单。 为启用此功能,AEM Forms提供数据和元数据服务,以存储用户填写的表单中的数据以及与草稿和提交的表单相关联的表单元数据。 默认情况下,此数据存储在CRX存储库中。 但是,当用户通过AEM publish实例与表单交互时,组织可能希望自定义数据存储,使其更安全、更可靠。

本文档讨论的示例是自定义数据和元数据服务的参考实现,以将草稿和提交组件与数据库集成。 示例实现中使用的数据库为​MySQL 5.6.24。 但是,您可以将草稿和提交组件与您选择的任何数据库相集成。

注意
  • 本文档中说明的示例和配置符合MySQL 5.6.24的要求,您必须将其相应替换为数据库系统。
  • 确保已安装最新版的AEM Forms加载项包。 有关可用包的列表,请参阅AEM Forms发行版文章。
  • 示例包仅适用于自适应Forms提交操作。

设置并配置示例

对所有作者和发布实例执行以下步骤以安装和配置示例:

  1. 将以下​aem-fp-db-integration-sample-pkg-6.1.2.zip​软件包下载到您的文件系统。

    数据库集成的示例包

    获取文件

  2. 转到位于https://[host]​的AEM包管理器:[port]/crx/packmgr/。

  3. 单击​上传包

  4. 浏览以选择​aem-fp-db-integration-sample-pkg-6.1.2.zip​包,然后单击​确定

  5. 单击程序包旁的​安装​以安装程序包。

  6. 转至​AEM Web控制台配置
    位于https://[host]:[port]/system/console/configMgr的页面。

  7. 单击以在编辑模式下打开​Forms门户草稿和提交配置

  8. 如下表所述,指定属性的值:

    属性 描述
    Forms门户数据服务草稿 草稿数据服务的标识符 formsportal.sampledataservice
    Forms门户元数据服务草稿 草稿元数据服务的标识符 formsportal.samplemetadataservice
    Forms门户提交数据服务 提交数据服务的标识符 formsportal.sampledataservice
    Forms门户提交元数据服务 提交元数据服务的标识符 formsportal.samplemetadataservice
    Forms门户正在等待签名数据服务 挂起签名数据服务的标识符 formsportal.sampledataservice
    Forms门户待签名元数据服务 待签名元数据服务的标识符 formsportal.samplemetadataservice
    注意

    服务通过其名称解析,这些名称作为aem.formsportal.impl.prop键的值,如下所示:

    @Service(value = {SubmitDataService.class, DraftDataService.class})
    @Property(name = "aem.formsportal.impl.prop", value = "formsportal.sampledataservice")
    @Service(value = { SubmitMetadataService.class, DraftMetadataService.class })
    @Property(name = "aem.formsportal.impl.prop", value = "formsportal.samplemetadataservice")
    

    您可以更改数据和元数据表的名称。

    要为元数据表提供其他名称:

    • 在“Web控制台配置”中,找到并单击“Forms门户元数据服务示例实施”。 您可以更改数据源、元数据/其他元数据表名称的值。

    要为数据表提供其他名称:

    • 在Web控制台配置中,找到并单击Forms门户数据服务示例实施。 您可以更改数据源和数据表名称的值。
    注意

    如果更改表名称,请在表单门户配置中提供这些名称。

  9. 保留其他配置,然后单击“保存”

  10. 数据库连接可通过Apache Sling Connection池数据源完成。

  11. 对于Apache Sling连接,在Web控制台配置中查找并单击以编辑模式打开​Apache Sling连接池化数据源。 如下表所述,指定属性的值:

属性
数据源名称

用于从数据源池过滤驱动程序的数据源名称

注意: 示例实现使用FormsPortal作为数据源名称。

JDBC驱动程序类 com.mysql.jdbc.Driver
JDBC连接URI
jdbc:mysql://[主机]:[port]/[模式名称]
用户名 对数据库表进行身份验证和执行操作的用户名
密码 与用户名关联的口令
事务隔离 READ_COMMITTED
最大活动连接数 1000
最大空闲连接数 100
最小空闲连接数 10
初始大小 10
最大等待 100000
借阅测试 已选中
空闲时测试 已选中
验证查询 示例值为SELECT 1(mysql)、从dual(oracle)、SELECT 1(MS Sql Server)(validationQuery)中选择1
验证查询超时 10000
注意
  • MySQL的JDBC驱动程序未随示例提供。 确保已为其设置,并提供配置JDBC连接池所需的信息。
  • 将您的作者实例和发布实例指向使用同一数据库。 JDBC连接URI字段的值必须对于所有作者实例和发布实例都相同。
  1. 保留其他配置,然后单击“保存”

  2. 如果数据库模式中已有表,请跳到下一步。

    否则,如果数据库模式中还没有表,请执行以下SQL语句,为数据模式中的数据、元数据和其他元数据创建单独的表:

    注意

    创作和发布实例不需要不同的数据库。 在所有创作和发布实例上使用相同的数据库。

    数据表的SQL语句

    CREATE TABLE `data` (
    `owner` varchar(255) DEFAULT NULL,
    `data` longblob,
    `metadataId` varchar(45) DEFAULT NULL,
    `id` varchar(45) NOT NULL,
    PRIMARY KEY (`id`)
    ) ENGINE=InnoDB DEFAULT CHARSET=utf8;
    

    元数据表的SQL语句

    CREATE TABLE `metadata` (
    `formPath` varchar(1000) DEFAULT NULL,
    `formType` varchar(100) DEFAULT NULL,
    `description` text,
    `formName` varchar(255) DEFAULT NULL,
    `owner` varchar(255) DEFAULT NULL,
    `enableAnonymousSave` varchar(45) DEFAULT NULL,
    `renderPath` varchar(1000) DEFAULT NULL,
    `nodeType` varchar(45) DEFAULT NULL,
    `charset` varchar(45) DEFAULT NULL,
    `userdataID` varchar(45) DEFAULT NULL,
    `status` varchar(45) DEFAULT NULL,
    `formmodel` varchar(45) DEFAULT NULL,
    `markedForDeletion` varchar(45) DEFAULT NULL,
    `showDorClass` varchar(255) DEFAULT NULL,
    `sling:resourceType` varchar(1000) DEFAULT NULL,
    `attachmentList` longtext,
    `draftID` varchar(45) DEFAULT NULL,
    `submitID` varchar(45) DEFAULT NULL,
    `id` varchar(60) NOT NULL,
    `profile` varchar(255) DEFAULT NULL,
    `submitUrl` varchar(1000) DEFAULT NULL,
    `xdpRef` varchar(1000) DEFAULT NULL,
    `agreementId` varchar(255) DEFAULT NULL,
    `nextSigners` varchar(255) DEFAULT NULL,
    `eSignStatus` varchar(45) DEFAULT NULL,
    `pendingSignID` varchar(45) DEFAULT NULL,
    `agreementDataId` varchar(255) DEFAULT NULL,
    `enablePortalSubmit` varchar(45) DEFAULT NULL,
    `submitType` varchar(45) DEFAULT NULL,
    `dataType` varchar(45) DEFAULT NULL,
    `jcr:lastModified` varchar(45) DEFAULT NULL,
    PRIMARY KEY (`id`),
    UNIQUE KEY `ID_UNIQUE` (`id`)
    ) ENGINE=InnoDB DEFAULT CHARSET=utf8;
    

    附加元数据表的SQL语句

    CREATE TABLE `additionalmetadatatable` (
    `value` text,
    `key` varchar(255) NOT NULL,
    `id` varchar(60) NOT NULL,
    PRIMARY KEY (`id`,`key`),
    CONSTRAINT ‘additionalmetadatatable_fk’ FOREIGN KEY (`id`) REFERENCES `metadata` (`id`) ON DELETE CASCADE
    ) ENGINE=InnoDB DEFAULT CHARSET=utf8;
    

    注释表的SQL语句

    CREATE TABLE `commenttable` (
    `commentId` varchar(255) DEFAULT NULL,
    `comment` text DEFAULT NULL,
    `ID` varchar(255) DEFAULT NULL,
    `commentowner` varchar(255) DEFAULT NULL,
    `time` varchar(255) DEFAULT NULL);
    
  3. 如果数据库模式中已有表(数据、元数据和其他元数据),请执行以下更改表查询:

    用于更改数据表的SQL语句

    ALTER TABLE `data` CHANGE `owner` `owner` VARCHAR(255) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL;
    

    用于更改元数据表的SQL语句

    ALTER TABLE metadata add markedForDeletion varchar(45) DEFAULT NULL
    

    [!NOTE]

    如果已运行ALTER TABLE元数据添加查询,并且表中存在markedforDeletion列,则该元数据添加操作将失败。

    ALTER TABLE metadata add agreementId varchar(255) DEFAULT NULL,
    add nextSigners varchar(255) DEFAULT NULL,
    add eSignStatus varchar(45) DEFAULT NULL,
    add pendingSignID varchar(45) DEFAULT NULL,
    add agreementDataId varchar(255) DEFAULT NULL,
    add enablePortalSubmit varchar(45) DEFAULT NULL,
    add submitType varchar(45) DEFAULT NULL,
    add dataType varchar(45) DEFAULT NULL;
    
    ALTER TABLE `metadata` CHANGE `formPath` `formPath` VARCHAR(1000) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,
    CHANGE `formType` `formType` VARCHAR(100) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,
    CHANGE `description` `description` TEXT CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,
    CHANGE `formName` `formName` VARCHAR(255) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,
    CHANGE `owner` `owner` VARCHAR(255) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,
    CHANGE `renderPath` `renderPath` VARCHAR(1000) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,
    CHANGE `showDorClass` `showDorClass` VARCHAR(255) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,
    CHANGE `sling:resourceType` `sling:resourceType` VARCHAR(1000) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,
    CHANGE `profile` `profile` VARCHAR(255) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,
    CHANGE `submitUrl` `submitUrl` VARCHAR(1000) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,
    CHANGE `xdpRef` `xdpRef` VARCHAR(1000) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL;
    

    用于更改附加元数据表的SQL语句

    ALTER TABLE `additionalmetadatatable` CHANGE `value` `value` TEXT CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL, CHANGE `key` `key` VARCHAR(255) CHARACTER SET utf8 COLLATE utf8_general_ci NOT NULL;
    

现在已配置示例实现,您可以使用它列表草稿和提交内容,同时将所有数据和元数据存储在数据库中。 现在,让我们在范例中了解数据和元数据服务的配置方式。

安装mysql-connector-java-5.1.39-bin.jar文件

对所有作者实例和发布实例执行以下步骤以安装mysql-connector-java-5.1.39-bin.jar文件:

  1. 导航到https://'[server]:[port]'/system/console/depfinder并搜索com.mysql.jdbc包。

  2. 在“导出依据”列中,检查包是否由任何捆绑导出。

    如果包未由任何包导出,请继续。

  3. 导航到https://'[server]:[port]'/system/console/bundles并单击​安装/更新

  4. 单击​选择文件​并浏览以选择mysql-connector-java-5.1.39-bin.jar文件。 此外,选择​开始包​和​刷新包​复选框。

  5. 单击​安装或更新。 完成后,重新启动服务器。

  6. 仅限Windows)关闭操作系统的系统防火墙。

表单门户数据和元数据服务的示例代码

以下zip包含数据和元数据服务接口的FormsPortalSampleDataServiceImplFormsPortalSampleMetadataServiceImpl(实现类)。 此外,它包含编译上述实现类所需的所有类。

获取文件

验证文件名的长度

Forms门户数据库的实施使用了额外的元数据表。 表具有基于表的键和id列的组合主键。 MySQL允许最长255个字符的主键。 您可以使用以下客户端验证脚本验证附加到文件构件的文件名的长度。 附加文件时将运行验证。 当文件名大于150(包括扩展名)时,下面过程中提供的脚本会显示一条消息。 您可以修改脚本,以检查其中是否有不同数量的字符。

执行以下步骤创建客户端库并使用脚本:

  1. 登录CRXDE并导航到/etc/clientlibs/

  2. 创建类型为​cq:ClientLibraryFolder​的节点,并提供该节点的名称。 例如,validation

    单击​保存全部

  3. 右键单击节点,单击​新建文件,然后创建扩展名为。txt的文件。 例如,js.txt将以下代码添加到新创建的。txt文件,然后单击​保存全部

    #base=util
     util.js
    

    在上面的代码中,util是文件夹的名称,util文件夹中的文件的util.js名称。 按照以下步骤创建util文件夹和util.js文件。

  4. 右键单击在步骤2中创建的cq:ClientLibraryFolder节点,选择“创建”>“创建文件夹”。 创建名为util的文件夹。 单击​保存全部。 右键单击util文件夹,选择“创建”>“创建文件”。 创建名为util.js的文件。 单击​保存全部

  5. 将以下代码添加到util.js文件,然后单击​保存全部。 代码验证文件名的长度。

    /*
     * ADOBE CONFIDENTIAL
     * ___________________
     *
     * Copyright 2016 Adobe Systems Incorporated
     * All Rights Reserved.
     *
     * NOTICE:  All information contained herein is, and remains
     * the property of Adobe Systems Incorporated and its suppliers,
     * if any.  The intellectual and technical concepts contained
     * herein are proprietary to Adobe Systems Incorporated and its
     * suppliers and may be covered by U.S. and Foreign Patents,
     * patents in process, and are protected by trade secret or copyright law.
     * Dissemination of this information or reproduction of this material
     * is strictly forbidden unless prior written permission is obtained
     * from Adobe Systems Incorporated.
     *
     */
    (function () {
        var connectWithGuideBridge = function (gb) {
            gb.connect(function () {
                //For first time load
                window.guideBridge.on("elementValueChanged" , function(event, payload) {
            var component = payload.target; // Field whose value has changed
                    if(component.name == 'fileAttachment' && component.parent) {
                        var fileItems = $('#'+payload.target.parent.id).find(".guide-fu-fileItem");
                        for (i = 0;i<fileItems.length;i++) {
                            var filename = $(fileItems[i]).find(".guide-fu-fileName").text();
                            //check whether it is previously attached file or a newly  attached one
                            if(filename.length > 150 && filename.indexOf("fp.attach.jsp") < 0) {
                                window.alert("filename is larger than 150 : "+filename);
                                 $(fileItems[i]).find(".guide-fu-fileClose.close").click();
                            }
                        }
                    }
    
       });
            });
        };
    
        if (window.guideBridge) {
            connectWithGuideBridge(window.guideBridge);
        } else {
            window.addEventListener("bridgeInitializeStart", function (event) {
                connectWithGuideBridge(event.detail.guideBridge);
            });
        }
    })();
    
    注意

    此脚本适用于开箱即用(OOTB)附件构件组件。 如果已自定义OOTB附件构件,则更改上述脚本以合并各项更改。

  6. 将以下属性添加到在步骤2中创建的文件夹,然后单击​保存全部

    • 名称: 类别

    • 类型:字 符串

    • 值: fp.validation

    • 多选项:启

  7. 导航到/libs/fd/af/runtime/clientlibs/guideRuntime并将fp.validation值追加到embed属性。

  8. 导航到/libs/fd/af/runtime/clientlibs/guideRuntimeWithXFA并将fp.validation值附加到embed属性。

    注意

    如果您使用的是自定义客户端库,而不是guideRuntime和guideRuntimeWithXfa客户端库,请使用类别名将在此过程中创建的客户端库嵌入到运行时加载的自定义库中。

  9. 单击​全部保存。 现在,当文件名大于150(包括扩展名)字符时,将显示一条消息。

On this page

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now