SPA的动态模型到组件映射

本文档介绍动态模型到组件的映射如何在Javascript SPA SDK for AEM中发生。

注意

对于需要基于SPA框架的客户端渲染(例如React或Angular)的项目，建议使用SPA编辑器。

组件映射模块

此 ComponentMapping 模块作为NPM包提供给前端项目。 它存储前端组件，并为单页应用程序提供一种将前端组件映射到AEM资源类型的方法。 这可以在分析应用程序的JSON模型时启用组件的动态分辨率。

模型中显示的每个项目都包含 :type 公开AEM资源类型的字段。 安装后，前端组件可以使用从基础库收到的模型片段来渲染自身。

请参阅 SPA Blueprint 文档，了解有关模型解析和前端组件访问模型的更多信息。

另请参阅npm包： https://www.npmjs.com/package/@adobe/aem-spa-component-mapping

模型驱动的单页应用程序

利用Javascript SPA SDK for AEM的单页应用程序是模型驱动的：

  1. 前端组件向 组件映射存储.

  2. 然后 容器，在模型由 模型提供程序，遍历其模型内容( :items)。

  3. 对于页面，其子页面( :children)首先从获取组件类 组件映射 然后实例化它。

应用程序初始化

每个组件都通过 ModelProvider. 因此，初始化采用以下常规形式：

  1. 每个模型提供程序都会初始化自身，并监听对与其内部组件对应的模型段所做的更改。

  2. 此 PageModelManager 必须初始化，表示为 初始化流程.

  3. 存储后，页面模型管理器会返回应用程序的完整模型。

  4. 然后，将此模型传递到前端根 容器 应用程序的组件。

  5. 最终会将模型的片段传播到每个单独的子元件。

app_model_initialization

在此页面上