SAP Spartacus 自定义 Component 的使用 - SimpleResponsiveBannerComponent

简介: SAP Spartacus 自定义 Component 的使用 - SimpleResponsiveBannerComponent

(1) 使用命令行创建一个新的Angular Component:image.pngbanner Component的实现:image.png通过构造函数参数注入cms Component data.

而Component的html实现,只是简单的显示一行字符串:This is a custom banner componentimage.png(2) 在Custom Module实现里,使用第一个步骤创建的CustomBannerComponent替换原始的cmsComponent:image.png最后运行时的效果如下:

image.png问题:Overriding components without interfering with other sections (SimpleResponsiveBannerComponent)

我想更改 Section1 中的内容,并且从 spartacus 视频中我应该做的是覆盖该部分中使用的组件。 然而,该组件是 SimpleResponsiveBannerComponent,它至少存在于 Section1、Section2A 和 Section2B 中。 因此,如果我覆盖该组件,我也会“删除”其他部分中的内容。 如何只更改(通过代码)Section1 中的内容而不干扰其他部分?


回答

由于 Spartacus 是完全由 CMS 驱动的,并且 Slots 中的所有内容都取决于 CMS 数据,因此请遵循这种方法 - 防止在通过 CMS 进行数据操作期间产生副作用的最佳方法,这就是为什么,我认为您只有一种“正确”的方法来计算它出去。


如果您更改组件的 UI/UX 行为 - 这意味着您开始提供与其他插槽(第 1 部分、第 2A 部分和第 2B 部分)中的组件不同的新组件。


使用自定义 typeCode 创建另一个 CMS 组件以实现与 SimpleResponsiveBannerComponent 不同的内容。在需要的地方添加自定义组件,并将 SimpleResponsiveBannerComponent 留在 Section1、Section2A 和 Section2B 中。


我相信,在前端代码库方面实现它的其他可能方法(如果它们确实存在) - 错误的方式并且在通过 SmartEdit 操作数据期间可能会产生额外的问题。



相关文章
|
7月前
|
缓存
关于 Spartacus ProdutList Component Service model$ 的填充逻辑
关于 Spartacus ProdutList Component Service model$ 的填充逻辑
30 0
|
2天前
|
消息中间件 存储 监控
什么是 SAP CRM Middleware Component 里的 PRODUCT_R3_ADAPTER
什么是 SAP CRM Middleware Component 里的 PRODUCT_R3_ADAPTER
25 0
|
2天前
|
UED
什么是 SAP Commerce Cloud SmartEdit Product Carousel Component Editor
什么是 SAP Commerce Cloud SmartEdit Product Carousel Component Editor
12 6
|
2天前
Spartacus 2211 无法在文件夹下使用 ng g component 创建新的 Component
Spartacus 2211 无法在文件夹下使用 ng g component 创建新的 Component
9 0
Spartacus 2211 无法在文件夹下使用 ng g component 创建新的 Component
|
2天前
|
JSON 开发者 数据格式
关于 SAP Spartacus LandingPage2Template 区域的 layout 设计实现
关于 SAP Spartacus LandingPage2Template 区域的 layout 设计实现
28 0
|
2天前
|
搜索推荐 开发者 UED
关于 SAP Spartacus 层的 UI 设计
关于 SAP Spartacus 层的 UI 设计
43 0
|
2天前
|
开发者 UED
SAP Spartacus BREAKPOINT 枚举类型在 Spartacus layout 实现中的作用
SAP Spartacus BREAKPOINT 枚举类型在 Spartacus layout 实现中的作用
26 0
|
7月前
|
SEO
SAP Commerce Cloud 中的 SimpleResponsiveBannerComponent
SAP Commerce Cloud 中的 SimpleResponsiveBannerComponent
40 0
|
7月前
|
前端开发 UED Windows
关于 SAP_UI software component 的概要介绍
关于 SAP_UI software component 的概要介绍
51 0
|
7月前
|
前端开发
给 SAP Fiori Launchpad 配置自定义 url
给 SAP Fiori Launchpad 配置自定义 url
86 0