AEM Forms工作区自定义的一般步骤

执行任何自定义的一般步骤包括:

  1. 通过访问https://'[server]:[port]'/lc/crx/de/index.jsp登录CRXDE Lite。

  2. /apps创建名为wssling:Folder文件夹(如果不存在)。 要创建sling:Folder文件夹,请右键单击apps文件夹,然后选择​创建 > 创建节点。 指定名称为ws,选择类型为sling:Folder,然后单击​确定。 单击​Save All

  3. 浏览到/apps/ws,然后导航到​访问控制​选项卡。

  4. 选择​Repository​选项。 在​访问控制​列表中,单击​+​以添加新条目。 再次单击​+

  5. 搜索并选择​PERM_WORKSPACE_USER​主体。

    选择PERM_WORKSPACE_USER主体作为自定义HTML工作区的常规步骤的一部分

  6. 为主体授予jcr:read权限。

  7. 单击​Save All

  8. GET.jspindexhtml.jsp文件从/libs/ws文件夹复制到/apps/ws文件夹。

  9. 复制/apps/ws文件夹中的/libs/ws/locales文件夹。 单击​Save All

  10. 更新GET.jsp文件中的引用和相对路径,如下所示,然后单击​Save all

    <meta http-equiv="refresh" content="0;URL='/lc/apps/ws/index.html'" />
    
  11. 对CSS自定义项执行以下操作:

    1. 导航到/apps/ws文件夹,然后创建一个名为css的新文件夹。

    2. css文件夹中,创建一个名为newStyle.css的新文件。

    3. 打开/apps/ws/html.jsp并从

    <link lang="en" rel="stylesheet" type="text/css" href="css/style.css" />
    <link lang="en" rel="stylesheet" type="text/css" href="css/jquery-ui.css"/>
    

    <link lang="en" rel="stylesheet" type="text/css" href="../../libs/ws/css/style.css" />
    <link lang="en" rel="stylesheet" type="text/css" href="css/newStyle.css" />
    <link lang="en" rel="stylesheet" type="text/css" href="../../libs/ws/css/jquery-ui.css"/>
    
    注意

    将用户定义的CSS文件的条目放在style.css条目之后,如上所示。

  12. 在/apps/ws/html.jsp文件中,从

    <script data-main="js/main" src="js/libs/require/require.js"></script>
    

    <script data-main="js/main" src="../../libs/ws/js/libs/require/require.js"></script>
    
  13. 执行以下操作:

    1. /apps/ws创建名为js的文件夹。 单击​Save All

    2. /apps/ws/js创建名为libs的文件夹。 单击​Save All

    3. /libs/ws/js/libs/jqueryui文件夹复制到/apps/ws/js/libs。 单击​Save All

  14. 对HTML自定义执行以下操作:

    1. /apps/ws/js下,创建名为runtime的文件夹。 单击​Save All

    2. /apps/ws/js/runtime下,创建名为templates的文件夹。 单击​Save All

    3. /libs/ws/js/main.js复制到/apps/ws/js/main.js

    4. 将/libs/ws/js/registry.js复制到/apps/ws/js/registry.js

  15. 单击​全部保存,清除缓存,然后刷新AEM Forms工作区。

    访问URL https://'[server]:[port]'/lc/ws,并使用管理员/密码凭据登录。 浏览器重定向到https://'[server]:[port]'/lc/apps/ws/index.html

在此页面上