本文档介绍如何在现代化的触屏优化UI中自定义控制台,但不适用于经典UI。
AEM提供了各种机制,使您能够自定义创作实例的控制台(和页面创作功能)。
Clientlibs
Clientlibs允许您扩展默认实现以实现新功能,同时重用标准函数、对象和方法。 自定义时,您可以在/apps.
下创建自己的clientlib。例如,它可以保存自定义组件所需的代码。
叠加
叠加基于节点定义,允许您将标准功能(在/libs
中)与您自己的自定义功能(在/apps
中)进行叠加。 创建叠加时,不需要原始文件的1:1副本,因为sling资源合并允许继承。
这些控制台可以通过多种方式扩展AEM控制台。 下面介绍了一些小选项(高级别)。
您必须不要更改/libs
路径中的任何内容。
这是因为下次升级实例时,/libs
的内容会被覆盖(当您应用修补程序或功能包时,很可能会被覆盖)。
建议的配置和其他更改方法是:
在/apps
下重新创建所需项(即,它存在于/libs
中)
在/apps
中进行任何更改
例如,/libs
结构中的以下位置可以覆盖:
控制台(任何基于Granite UI页面的控制台);例如:
/libs/wcm/core/content
有关更多提示和工具,请参阅知识库文章AEM TouchUI问题疑难解答。
您可以自定义控制台的默认视图(列、卡、列表):
您可以通过在下面覆盖所需条目来重新排序视图:
/libs/wcm/core/content/sites/jcr:content/views
第一个条目将是默认条目。
可用的节点与可用的视图选项关联:
column
card
list
例如,在列表叠加中:
/apps/wcm/core/content/sites/jcr:content/views/list
定义以下属性:
sling:orderBefore
String
column
您可以构建自己的组件并包含相应的客户端库以执行自定义操作。 例如,提升到Twitter操作位于:
/apps/wcm/core/clientlibs/sites/js/twitter.js
然后,可以将其连接到控制台上的工具栏项目:
/apps/<yourProject>/admin/ext/launches
例如,在选择模式下:
content/jcr:content/body/content/header/items/selection/items/twitter
您可以使用自定义渲染条件来叠加标准操作,并施加在渲染之前必须满足的特定条件。
例如,创建一个组件以根据组控制呈现条件:
/apps/myapp/components/renderconditions/group
要将这些应用到站点控制台上的创建站点操作,请执行以下操作:
/libs/wcm/core/content/sites
创建叠加:
/apps/wcm/core/content/sites
然后,为操作添加渲染条件:
jcr:content/body/content/header/items/default/items/create/items/createsite/rendercondition
使用此节点上的属性,您可以定义允许执行特定操作的groups
;例如administrators
此功能针对文本字段的列进行了优化;对于其他数据类型,可以在/apps
中叠加cq/gui/components/siteadmin/admin/listview/columns/analyticscolumnrenderer
。
要自定义列表视图中的列,请执行以下操作:
叠加可用列的列表。
在节点上:
/apps/wcm/core/content/common/availablecolumns
添加新列——或删除现有列。
有关详细信息,请参阅使用叠加(和Sling资源合并)。
可选:
如果要插入其他数据,您需要使用PageInforProvider
pageInfoProviderType
属性.
例如,请参阅下面的类/捆绑(从GitHub)。
您现在可以在列表视图的列配置器中选择列。
使用控制台时,一个常见用例是用户必须从资源(例如页面、组件、资产等)中进行选择。 这可以采用列表的形式,例如,作者必须从中选择项目。
为了使列表保持为合理的大小并且与用例相关,可以以自定义谓词的形式实现过滤器。 有关详细信息,请参阅本文。