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

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

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

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

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

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

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

   

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

7. 单击​Save All。

8. 将GET.jsp、index和html.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。

Business.Adobe.com资源

Cms Cloud Personalized Experiences Theme Editor Version History Web Content Management Content Management