zl程序教程

您现在的位置是:首页 >  其他

当前栏目

SAP Spartacus storefront.component.html 怎么关联到其他的页面

SAPHTML 怎么 页面 关联 其他 Spartacus Component
2023-09-14 09:04:01 时间

storefront怎么关联到其他的页面?

下图是storefront.component.html的源代码,里面使用自定义Component cx-page-layout和cx-page-slot, 将Commerce Cloud后台content slot里定义的Component渲染出来:

main节点里的cx-page-layout节点是通过ActivatedRoute创建的:
在这里插入图片描述

section1里第一个节点就是banner:

下图的cx-page-layout, 实际是消费PageLayout,并给其名为section的input,传入一个字符串值:header

传入header给PageLayoutComponent:


在这里插入图片描述

在 layout.config.ts 里定义的这些高亮的字符串,是 slotID:

在这里插入图片描述
每个 section 里到底能放哪些 cms Components,是后台 Backoffice 决定的,通过 OCC API 返回给 Spartacus:
在这里插入图片描述

更多Jerry的原创文章,尽在:“汪子熙”: