Page包含slots，slots包含Components.

Spartacus使用page template来组织slots和Components.

一个page template包含了一些可被全局使用的layout和Components，比如header和footer section.

在PagelayoutComponent里增添一些打印信息, 显示layoutName$的值：

运行时的template列表：

header

LandingPage2Template

footer

这三个sections定义在layout-config.ts里：

sections里包含page slot：

以下图header section里包含的slots为例：

header: { lg: { slots: [ 'PreHeader', 'SiteContext', 'SiteLinks', 'SiteLogo', 'SearchBox', 'SiteLogin', 'MiniCart', 'NavigationBar', ], }

要获取更多Jerry的原创文章，请关注公众号"汪子熙":

汪子熙 认证博客专家 前端框架 Node.js SAP JerryWang，2007年从电子科技大学计算机专业硕士毕业后加入SAP成都研究院工作至今。Jerry是SAP社区导师，SAP中国技术大使。2020年5月下旬，Jerry做了脑部肿瘤的开颅切除手术，对编程和人生又有了新的感悟。