从版本6.0开始,Adobe Experience Manager(AEM)引入了称为触屏优化UI(也称为触屏优化UI)的新用户界面。 它符合Adobe Marketing Cloud和整体Adobe用户界面准则。 在AEM中,这已成为标准UI,该UI具有以桌面为导向的旧版界面,称为经典UI。
如果您一直在将AEM与经典UI结合使用,则需要采取措施来迁移实例。 本页旨在通过提供指向各个资源的链接来充当跳板。
此类迁移项目可能会对您的实例产生重大影响。 请参阅管理项目 — 最佳实践以了解推荐的准则。
在迁移时,您应该了解经典UI和触屏UI之间的以下(主要)区别:
经典 UI | 触屏优化 UI |
在JCR存储库中描述为节点的结构。 表示UI元素的每个节点都称为ExtJS小组件,并由ExtJS 在客户端呈现。 |
JCR存储库中也描述为节点的结构。 但是,在这种情况下,每个节点都引用Sling资源类型(Sling组件),负责其渲染。 因此UI(基本上)在服务器端呈现。 |
|
sling:resourceType
|
对话框节点:
|
对话框节点:
|
Javascript位置:
|
Javascript位置:
|
事件处理:
|
事件处理:
|
由客户端完成渲染:
|
由服务器完成渲染:
|
换言之,将UI的某个部分从经典UI迁移到触屏UI意味着将ExtJS小组件迁移到Sling组件。 为了简化此过程,触屏UI基于Granite UI框架,该框架已经为UI提供了一些Sling组件(称为Granite UI组件)。
开始之前,请检查状态和相关推荐:
触屏UI开发的基础知识将提供坚实的基础:
在迁移组件时,对话框是一个主要因素:
开发AEM组件 (使用触屏UI)
AEM现代化工具 — 可帮助您将经典UI组件的对话框转换为触屏UI
自定义页面创作 (使用触屏优化UI)
您还可以自定义控制台:
尽管与迁移到触屏UI并非直接相关,但仍有一些相关问题值得同时考虑,因为也推荐使用以下实践:
另请参阅开发 — 最佳实践。
有关开发AEM的完整信息,请参阅以下资源收集:
AEM现代化工具是社区共同努力的结果,不受Adobe支持或保证。