SAP 电商云 Spartacus UI 根据 CMS Component uid 获取数据
uid:LanguageComponent
getComponentData 内部会调用 createComponentData:
如果当前不可用,会加载:
最终从 NgRx store 即内存存储中读取的 Component 数据:
那么从概念上说,这些数据一定是对应的 effect 调用 OCC API 从 Commerce Cloud 后台读取,并且使用 reducer 添加到 Store 里的。
这里就是 Effect 读取成功的代码位置:
运行时调试发现:
Home page 下所有的 CMS Component,一次性被读取回来了:
更多Jerry的原创文章,尽在:“汪子熙”:
SAP 电商云 Spartacus UI 根据 CMS Component uid 获取数据相关推荐
- SAP 电商云 Spartacus UI 从 CMS 取回 slots 和 component 之后的处理
从前一篇文章SAP 电商云 Spartacus UI 的双重 layout 配置层设计 我们得知,Spartacus 层面的 layout-config.ts 可以控制 page template 应 ...
- SAP 电商云 Spartacus UI ComponentDataProvider defer 工厂函数
为什么 this.componentService.getItems 最后就触发到 Component-data.provider.ts 工厂函数的执行了? 29行的 getService: getS ...
- SAP 电商云 Spartacus UI Quick Order 主页的实现
存货单位(英語:stock keeping unit,SKU/ˌɛsˌkeɪˈjuː/),也翻译为库存单元,是一個會計學名詞,定义为库存管理中的最小可用单元,例如纺织品中一个SKU通常表示规格.颜色. ...
- SAP 电商云 Spartacus UI 产品搜索结果的设计明细
我们使用如下 url 访问 SAP 电商云 Spartacus UI 产品搜索页面: http://localhost:4000/electronics-spa/en/USD/search/sony ...
- Mobile first 设计思路在 SAP 电商云 Spartacus UI 中的设计体现一例
关于 Mobile First 的概念,请查看我这篇文章:什么是前端开发中的 mobile first 策略. 下图是 SAP 电商云 Spartacus UI 的搜索结果页面: 其布局设计:temp ...
- SAP 电商云 Spartacus UI 里如何捕捉语言设置的更改
我们知道在 SAP 电商云 Spartacus UI 里,用户可以通过下拉菜单更改当前访问 site 的语言: 监控语言变化的代码: this.subscription.add(this.langua ...
- 在 SAP 电商云 Spartacus UI 里手动注入 module 的几种排列组合
先把所有的排列组合罗列如下: (1) 通过构造函数注入 QuickOrderFacade,但不调用其方法 (2) 通过构造函数注入 QuickOrderFacade,调用其方法 (3) 手动通过 in ...
- SAP 电商云 Spartacus UI Proxy Facade 的一个实际例子
如何理解 SAP 电商云 Spartacus UI 中的 proxy facade? Jerry 这篇文章什么是 SAP 电商云 Spartacus UI 的 proxy façade提供了理论上的解 ...
- SAP 电商云 Spartacus UI 产品明细页面路由路径的自定义配置
如下图所示,为了减少 SAP 电商云 Spartacus 客户实施时不必要的配置,Spartacus 将不少页面的路由路径的默认配置,定义在如下的 default-routing-config.ts ...
最新文章
- TensorRT was linked against cuBLAS/cuBLAS LT 11.2.0 but loaded cuBLAS/cuBLAS
- 微软2013暑期实习笔试题目第5题分析
- 推荐Datawhale整理的秋招求职攻略
- [UWP]依赖属性2:使用依赖属性
- 吉林大学计算机与科学专业排名,吉林大学专业排名 哪些王牌专业推荐就读
- 如何选择高速存储、查询数据库
- 算数编码java_算术编码核心类
- C语言客户端窗口创建,【自己动手】用C语言写一个基于服务器和客户端!
- 測试加入多级文件夹篇
- 数据结构电视大赛投票系统
- 线段树扫描线(1---算矩形的总面积)
- 2011戴尔计算机配置,机型与配置(一)
- 软件工程导论 实验二 数据库设计
- mysql查询不到的数据补0
- Python 从入门到入魔
- 网页设计图片向上浮动_网页设计与制作(网页设计、制作与美化)
- 在web页面嵌入百度地图(含定点定位)
- kronecker积与hadamard积
- python编程:实现自助点餐小程序,包括自定义菜单,点餐,账单,结算等功能
- Android 源码编译技巧--模块清理