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

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

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

2. 在/apps处创建名为ws的文件夹（如果不存在）。 单击​Save All。

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

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

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

   

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

7. 单击​Save All。

8. 将GET.jsp和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文件的条目放在newStyle.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. 在/apps/ws/js/libs创建名为jqueryui的文件夹。 单击​Save All。
    4. 将/libs/ws/js/libs/jqueryui/jquery.ui.datepicker-ja.js复制到/apps/ws/js/libs/jqueryui。 单击​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。