关于sap:如何在-SAP-电商云-Spartacus-UI-里新建一个页面

因为 SAP Spartacus UI 是基于 CMS 驱动的，因而流程是：咱们首先在 SAP Commerce Cloud Backoffice 创立新的 content page, CMS Component 以及相干内容，而后再到 SAP Spartacus 层，新建一个 Angular Component，映射到之前 Commerce Cloud Backoffice 里创立的 CMS Component.

具体步骤能够参考我这篇文章：如何在 SAP 电商云里应用 Backoffice 和 Smart Edit 创立新的 Content Page

残缺的 impex 源代码如下：

## Quick Order ## (my-account/quick-order)
$contentCatalog=powertools-spaContentCatalog
$contentCV=catalogVersion(CatalogVersion.catalog(Catalog.id[default=$contentCatalog]),CatalogVersion.version[default=Staged])[default=$contentCatalog:Staged]
INSERT_UPDATE ContentPage;$contentCV[unique=true];uid[unique=true];masterTemplate(uid,$contentCV);label
;;jerryOrderPage;AccountPageTemplate;/my-account/jerry-order

INSERT_UPDATE ContentSlot;$contentCV[unique=true];uid[unique=true];name;active;cmsComponents(&componentRef)
;;BodyContentSlot-jerryOrder;Body Content Slot for Jerry Order;true;JerryOrderComponent

INSERT_UPDATE ContentSlotForPage;$contentCV[unique=true];uid[unique=true];position[unique=true];page(uid,$contentCV)[unique=true];contentSlot(uid,$contentCV)[unique=true]
;;BodyContent-jerryOrder;BodyContent;jerryOrderPage;BodyContentSlot-jerryOrder

INSERT_UPDATE CMSFlexComponent;$contentCV[unique=true];uid[unique=true];name;flexType;&componentRef
;;JerryOrderComponent;Jerry Order Component;JerryOrderComponent;JerryOrderComponent

INSERT_UPDATE CMSLinkComponent;$contentCV[unique=true];uid[unique=true];url
;;JerryOrderLink;/my-account/jerry-order

在 Spartacus 创立新的 Angular Component，将其映射到 SAP Commerce Cloud Backoffice 里创立的 CMS Component：JerryOrderComponent

增加一条指向到 JerryOrderComponent 的路由设置：

paths 里的值，只须要和 content page 里的 page label 保持一致即可：

最初的成果：

所有的源代码都能够在这个链接里取得。

更多 Jerry 的原创文章，尽在：” 汪子熙 ”:

关于sap:如何在-SAP-电商云-Spartacus-UI-里新建一个页面

步骤 1 – 在 SAP Commerce Cloud Backoffice 创立必须的 CMS 内容

步骤 2