Show Menu
主题×

SPA的动态模型到组件映射

本文档描述了Javascript SPA SDK for AEM中如何进行动态模型到组件的映射。
对于需要基于SPA框架的客户端渲染(例如“反应”或“角度”)的项目,建议使用SPA编辑器解决方案。

组件映射模块

ComponentMapping 模块作为NPM包提供给前端项目。 它存储前端组件,并为单页应用程序将前端组件映射到AEM资源类型提供了一种方法。 这样,在解析应用程序的JSON模型时,组件就可以动态解析。
模型中存在的每个项目都包含一个 :type 公开AEM资源类型的字段。 装载后,前端组件可以使用从基础库接收的模型片段来呈现自己。
请参阅 SPA Blueprint (SPA Blueprint)文档,了解有关模型解析和对模型的前端组件访问的更多信息。

模型驱动的单页应用程序

利用适用于AEM的Javascript SPA SDK的单页应用程序由模型驱动:
  1. 前端组件会向组件映射存储 注册自己
  2. 然后, Container (由模型提供者提供模型)一经 提供,就会迭代其模型内容( :items )。
  3. 对于页面,其子项( :children )首先从组件映射中获取一个组件类,然 后实例化它

应用程序初始化

每个组件都会使用的功能进行扩展 ModelProvider 。 因此,初始化采用以下一般形式:
  1. 每个模型提供者都初始化自己并监听对与其内部组件相对应的模型片段所做的更改。
  2. 存储后,页面模型管理器将返回应用程序的完整模型。
  3. 然后,此模型将传递给应用程序的前 端根Container 组件。
  4. 模型段最终传播到每个单独的子组件。