Show Menu
主题×

Migration to the Touch UI

从6.0版开始,Adobe Experience Manager(AEM)引入了称为触屏优化UI (也称为触屏优 化UI **)的新用户界面。 它符合Adobe Marketing cloud和Adobe用户界面的整体准则。 这已成为AEM中的标准UI,其传统的面向桌面的界面称为经 典UI
如果您使用的是带有经典UI的AEM,则需要采取措施来迁移您的实例。 本页旨在通过提供指向各个资源的链接充当跳板。
此类迁移项目可能会对您的实例产生重大影响。 有关建 议的准则,请参阅管理项目 -最佳实践。

基本信息

迁移时,您应了解经典UI和触控UI之间的以下(主要)差异:
经典 UI 触屏优化 UI
在JCR存储库中描述为节点结构。 每个表示UI元素的节点都称为 ExtJS构件 ,并在客户端呈现 ExtJS 在JCR存储库中也作为节点结构进行了说明。 但是,在这种情况下,每个节点都引用Sling资源类型(Sling组件),它负责其呈现。 因此UI(基本上)在服务器端呈现。
sling:resourceType
  • 未使用
sling:resourceType
  • 已使用
  • for example cq/gui/components/authoring/dialog
对话框节点:
  • 名称: dialog
  • jcr:primaryType: cq:Dialog
对话框节点:
  • 名称: cq:dialog
  • jcr:primaryType: nt:unstructured
Javascript位置:
  • 使用监听器直接嵌入命令性部分,或在clientlibs中管理。
Javascript位置:
  • 必要部分不能嵌入对话框定义;职责分离。
事件处理:
  • 对话框构件直接引用Javascript代码。
事件处理:
  • Javascript会观察对话事件。
由客户端完成渲染:
  • 客户端动态创建UI组件。
  • 客户端从服务器请求(拉取)组件定义(JSON)。
由服务器完成渲染:
  • 客户端请求页面以及相关UI。
  • 服务器将UI作为HTML文档发送(推送);使用Coral UI组件。
换句话说,将UI的某一部分从经典UI迁移到触屏UI意味着将 ExtJS构件移植到 Sling组件 **。 为了缓解这一问题,触屏UI基于Granite UI框架,该框架已经为UI提供了一些Sling组件(称为Granite UI组件)。
在开始之前,请检查状态和相关推荐:
触控UI开发的基础知识将提供坚实的基础:

迁移页面创作

迁移组件时,对话框是主要因素:

迁移控制台

您还可以自定义控制台:

更多资源

有关开发AEM的完整信息,请参阅以下资源集合:
AEM现代化工具是一项社区工作,Adobe不支持或担保。