文档AEM 6.4Forms 指南

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

Last update: Thu May 04 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

创建对象：

  • 用户
CAUTION
AEM 6.4已结束扩展支持，本文档将不再更新。 有关更多详细信息，请参阅 技术支助期. 查找支持的版本 此处.

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

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

  2. 创建名为的文件夹 wsat /apps，如果不存在。 单击 全部保存.

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

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

  5. 搜索并选择 PERM_WORKSPACE_USER 校长。

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

  6. 给 jcr:read 权限。

  7. 单击 全部保存.

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

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

  10. 更新 GET.jsp 文件，如下所示，然后单击 全部保存.

    code language-none 
    <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，从
    code language-css 
    <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"/>

    到

    code language-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"/>
    note note
    NOTE
    将用户定义的CSS文件的条目放在newStyle.css的条目之后，如上所示。

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

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

    到

    code language-css 
    <script data-main="js/main" src="../../libs/ws/js/libs/require/require.js"></script>

  13. 执行以下操作：

    1. 创建名为的文件夹 jsat /apps/ws. 单击 全部保存.
    2. 创建名为的文件夹 libsat /apps/ws/js. 单击 全部保存.
    3. 创建名为的文件夹 jqueryuiat /apps/ws/js/libs. 单击 全部保存.
    4. 复制 /libs/ws/js/libs/jqueryui/jquery.ui.datepicker-ja.js to /apps/ws/js/libs/jqueryui. 单击 全部保存.

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

    1. 在 /apps/ws/js，创建名为的文件夹 runtime. 单击 全部保存.
    2. 在 /apps/ws/js/runtime，创建名为的文件夹 templates. 单击 全部保存.
    3. 复制 /libs/ws/js/main.js to /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.

recommendation-more-help
a6ebf046-2b8b-4543-bd46-42a0d77792da