自定义控制台

注意

本文档介绍如何在现代化的触屏优化UI中自定义控制台,但不适用于经典UI。

AEM提供了各种机制,使您能够自定义创作实例的控制台(和页面创作功能)。

  • Clientlibs

    Clientlibs允许您扩展默认实现以实现新功能,同时重用标准函数、对象和方法。 自定义时,您可以在/apps.下创建自己的clientlib。例如,它可以保存自定义组件所需的代码。

  • 叠加

    叠加基于节点定义,允许您将标准功能(在/libs中)与您自己的自定义功能(在/apps中)进行叠加。 创建叠加时,不需要原始文件的1:1副本,因为sling资源合并允许继承。

这些控制台可以通过多种方式扩展AEM控制台。 下面介绍了一些小选项(高级别)。

注意

有关更多信息,请参阅:

AEM Gems会话- AEM 6.0用户界面自定义中也介绍了本主题。

注意

您​必须​不要更改/libs路径中的任何内容。

这是因为下次升级实例时,/libs的内容会被覆盖(当您应用修补程序或功能包时,很可能会被覆盖)。

建议的配置和其他更改方法是:

  1. /apps下重新创建所需项(即,它存在于/libs中)

  2. /apps中进行任何更改

例如,/libs结构中的以下位置可以覆盖:

  • 控制台(任何基于Granite UI页面的控制台);例如:

    • /libs/wcm/core/content
注意

有关更多提示和工具,请参阅知识库文章AEM TouchUI问题疑难解答

自定义控制台的默认视图

您可以自定义控制台的默认视图(列、卡、列表):

  1. 您可以通过在下面覆盖所需条目来重新排序视图:

    /libs/wcm/core/content/sites/jcr:content/views

    第一个条目将是默认条目。

    可用的节点与可用的视图选项关联:

    • column
    • card
    • list
  2. 例如,在列表叠加中:

    /apps/wcm/core/content/sites/jcr:content/views/list

    定义以下属性:

    • 名称: sling:orderBefore
    • 类型: String
    • : column

将新操作添加到工具栏

  1. 您可以构建自己的组件并包含相应的客户端库以执行自定义操作。 例如,提升到Twitter​操作位于:

    /apps/wcm/core/clientlibs/sites/js/twitter.js

    然后,可以将其连接到控制台上的工具栏项目:

    /apps/<yourProject>/admin/ext/launches

    例如,在选择模式下:

    content/jcr:content/body/content/header/items/selection/items/twitter

将工具栏操作限制为特定组

  1. 您可以使用自定义渲染条件来叠加标准操作,并施加在渲染之前必须满足的特定条件。

    例如,创建一个组件以根据组控制呈现条件:

    /apps/myapp/components/renderconditions/group

  2. 要将这些应用到站点控制台上的创建站点操作,请执行以下操作:

    /libs/wcm/core/content/sites

    创建叠加:

    /apps/wcm/core/content/sites

  3. 然后,为操作添加渲染条件:

    jcr:content/body/content/header/items/default/items/create/items/createsite/rendercondition

    使用此节点上的属性,您可以定义允许执行特定操作的groups;例如administrators

自定义列表视图中的列

注意

此功能针对文本字段的列进行了优化;对于其他数据类型,可以在/apps中叠加cq/gui/components/siteadmin/admin/listview/columns/analyticscolumnrenderer

要自定义列表视图中的列,请执行以下操作:

  1. 叠加可用列的列表。

    • 在节点上:

      /apps/wcm/core/content/common/availablecolumns

    • 添加新列——或删除现有列。

    有关详细信息,请参阅使用叠加(和Sling资源合并)

  2. 可选:

    • 如果要插入其他数据,您需要使用 [PageInforProvider](https://helpx.adobe.com/cn/experience-manager/6-4/sites/developing/using/reference-materials/javadoc/com/day/cq/wcm/api/PageInfoProvider.html)

      pageInfoProviderType 属性.
      例如,请参阅下面的类/捆绑(从GitHub)。

  3. 您现在可以在列表视图的列配置器中选择列。

筛选资源

使用控制台时,一个常见用例是用户必须从资源(例如页面、组件、资产等)中进行选择。 这可以采用列表的形式,例如,作者必须从中选择项目。

为了使列表保持为合理的大小并且与用例相关,可以以自定义谓词的形式实现过滤器。 有关详细信息,请参阅本文

在此页面上