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​主体。

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

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

  7. 单击​Save All

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

在此页面上