SAP Commerce Cloud Spartacus UI 读取 Component 元数据的 Action 设计
先看数据:该 page 包含了 35 个 Components:
可以看到这些 Components 属于 homepage,但是 payload 字段里,只包含了 35 个 Components 其中的一个:
这里体现了高阶 reducer 的设计:
根据 entity Type 拿到新的 reducer,使用新的 reducer 进行状态迁移并返回新状态:
这 35个Components 会依次走完上述流程,得到 Component 元数据:
更多Jerry的原创文章,尽在:“汪子熙”:
SAP Commerce Cloud Spartacus UI 读取 Component 元数据的 Action 设计相关推荐
- SAP Commerce Cloud Spartacus UI 的购物车 Cart 功能
此功能是在 TUA Spartacus 库的 1.0 版中引入的. 购物车在 TUA Spartacus 与核心 Commerce Spartacus 中的工作方式不同,需要支持产品供应以及复杂的定价 ...
- SAP Commerce Cloud Spartacus UI 的 ActionClass 数据结构设计
以 CmsSetPageSuccessIndex 为例: 运行时该 Action 类包含三大字段: (1) meta (2) payload (3) type meta meta 包含的 loader ...
- SAP Commerce Cloud Spartacus UI footer 区域的设计模型
本文研究如下图高亮所示的 SAP 电商云 Footer 区域的设计明细. 对应的 HTML markdup 入口:cx-footer-navigation: cx-footer-navigation ...
- 如何获取 SAP Commerce Cloud Spartacus UI 购物车 Cart 的加载状态
在 Storefront AppModule 构造函数里注入 ActiveCartService: private cartService: ActiveCartService, 调用其 API: c ...
- SAP Commerce Cloud Spartacus UI 4.0.1 版本的安装
官方文档 使用命令行创建一个基于 Angular 12 的 应用: ng new mystore --style=scss 务必注意 SAP Spartacus 4 以上的安装环境要求: 然后命令行调 ...
- SAP Commerce Cloud Spartacus UI 修改 primary color 的方法
问题 解答 The easiest and recommended way to override basic primary colors, as of version 4.0, is by cha ...
- SAP Commerce Cloud Spartacus UI 的高阶 reducer 设计
在 components.reducer.ts 里,loaderReducer 函数,会根据输入的 entityType,返回一阶 reducer. 然后在代码第86行,调用该一阶 reducer 进 ...
- SAP Commerce Cloud 新一代 UI Spartacus 和 Customer Data cloud 的集成
SAP Customer Data Cloud Integration Spartacus 3.2 版可用. SAP Customer Data Cloud 允许您启用自定义注册和登录,还可以管理用户 ...
- SAP Commerce Cloud 产品主数据读取的单步调试
只要 Accelerator Storefront 对应的项目以及其依赖没有编译错误,就可以继续调试: final ProductData productData = productFacade.ge ...
最新文章
- 万变不离其中----SQL必记语法
- svn插件的所有链接
- amd建议超频吗_Amd 超频简单说明书——CPU篇
- android 涨潮动画加载_Android附带涨潮动画效果的曲线报表绘制
- mysql语句engin_MySQL必会的SQL语句
- java 导出文件编码,java 导出文件编码问题
- 基于visual Studio2013解决面试题之1102合并字符串
- 如何将Noteepad++每一行都添加一个逗号
- vmware安装linux.iso
- 三菱plc软件测试程序com端口,三菱plc编程软件com端口不能保存
- C# Web服务器控件FileUpload()上传文件
- Butterworth低通滤波器
- 敌兵布阵(CDQ分治模板题)
- vue-3d-model vue 实现3D 图像显示
- mathtype试用期到后继续使用
- 网络信息安全管理要素和安全风险评估
- 单片机与PC机串口通信编程
- 高效算法——05列文斯登距离(Python)
- teradata 查看 表定义_Teradata CREATE表
- 【MemoryCompression内存占用过高】