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

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.jsphtml.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