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

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

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

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

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

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

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

   

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

7. 单击​保存全部。

8. 将/libs/ws文件夹中的GET.jsp和html.jsp文件复制到/apps/ws文件夹。

9. 复制/apps/ws文件夹中的/libs/ws/locales文件夹。 单击​保存全部。

10. 更新GET.jsp文件中的引用和相对路径，如下所示，然后单击​保存所有。

    <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的文件夹。 单击​保存全部。
    2. 在/apps/ws/js创建名为libs的文件夹。 单击​保存全部。
    3. 在/apps/ws/js/libs创建名为jqueryui的文件夹。 单击​保存全部。
    4. 将/libs/ws/js/libs/jqueryui/jquery.ui.datepicker-ja.js复制到/apps/ws/js/libs/jqueryui。 单击​保存全部。

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

    1. 在/apps/ws/js下，创建一个名为runtime的文件夹。 单击​保存全部。
    2. 在/apps/ws/js/runtime下，创建一个名为templates的文件夹。 单击​保存全部。
    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。