AEM Forms工作区自定义的常规步骤 generic-steps-for-aem-forms-workspace-customization

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

在/apps处创建一个名为ws的sling:Folder文件夹（如果它不存在）。 要创建sling:Folder文件夹，请右键单击apps文件夹并选择​ 创建 > 创建节点。 将名称指定为ws，选择类型为sling:Folder，然后单击​ 确定。 单击​ 全部保存。

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

选择​ 存储库 ​选项。 在​ 访问控制 ​列表中，单击​ + ​以添加一个条目。 再次单击​ +。

搜索并选择​ PERM_WORKSPACE_USER ​主体。

将jcr:read权限授予主体。

单击​ 全部保存。

将GET.jsp、index和html.jsp文件从/libs/ws文件夹复制到/apps/ws文件夹。

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

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

<meta http-equiv="refresh" content="0;URL='/lc/apps/ws/index.html'" />

对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"/>

在/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>

执行以下操作：

1. 在/apps/ws处创建名为js的文件夹。 单击​ 全部保存。

2. 在/apps/ws/js处创建名为libs的文件夹。 单击​ 全部保存。

3. 将/libs/ws/js/libs/jqueryui文件夹复制到/apps/ws/js/libs。 单击​ 全部保存。

对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。

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

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