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

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

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

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

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

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

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

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

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

  7. 单击​保存全部

  8. /libs/ws文件夹中的GET.jsphtml.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

On this page

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now