SAP Spartacus B2B User list页面的数据加载逻辑-阿里云开发者社区

开发者社区> jerrywangsap> 正文

SAP Spartacus B2B User list页面的数据加载逻辑

简介: SAP Spartacus B2B User list页面的数据加载逻辑
+关注继续查看

list.service.ts的getData方法里的this.load触发时,this实际指向UserListService:


image.png


触发点还是list页面的async pipe:


image.png


ListService在运行时的实例化成UserListService,在userCmsConfig里完成:


image.png


getUserList:调用this.store.select:


image.png


getUserList的实现:


image.png


这里才执行createSelector?


image.png


createSelector的返回结果:


image.png


返回一个Observable对象:


image.png


select的输入参数:输入一个函数,该函数的类型定义:


接受一个输入参数,类型为T,输出参数为K,整个select调用返回的类型为:Observable:


image.png


问题来了:this.store.select输入的,到底是selector,还是纯函数projection?


从接口看,是一个selector:


image.png

这里开始加载list:


image.png


先take,再map:

image.png


注意,这里返回的是string,而不是Observable:

image.png

image.png



准备加载B2BUsers,参数为userId和params:







image.png



image.png



image.png

image.png


这个return语句会触发reducer的状态迁移:

image.png


image.png



这个payload里怎么只有一条数据?


image.png


似乎是在一个循环里被反复触发:


image.png

确实是在循环里:高阶reducer


image.pngimage.pngimage.png



版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
.NET数据库编程求索之路--6.使用ADO.NET实现(三层架构篇-使用List传递数据-基于存储过程)(1)
6.使用ADO.NET实现(三层架构篇-使用List传递数据-基于存储过程)(1)    【 夏春涛 email: xchuntao@163.com  blog: http://www.cnblogs.
730 0
自定义LOG投递OSS数据Partition,优化你的计算
数据划分Partition OSS数据存储具有高可靠、低成本等优点,是海量数据存储的最佳选择之一,尤其适用于半结构化的日志存储,并可以结合E-MapReduce(使用Hive、Impala等计算引擎)通过schema-on-read方式加载数据做查询分析。
4020 0
.NET数据库编程求索之路--5.使用ADO.NET实现(三层架构篇-使用List传递数据)(1)
5.使用ADO.NET实现(三层架构篇-使用List传递数据)(1)   5.1 解决方案框架 解决方案(.sln)包含以下几个项目: (1)类库项目HomeShop.DbUtility,数据访问实用工具;【同4.2】 (2)类库项目HomeShop.Model,实体层;【同4.3】 (3)类库项目HomeShop.DAL,数据访问层; (4)类库项目HomeShop.BLL,业务逻辑层; (5)WinForm项目HomeShop.WinForm,界面层。
827 0
SAP Spartacus CMS 页面加载逻辑和性能的优化
https://github.com/SAP/spartacus/issues/3649 SAP Commerce Cloud CMS 页面加载的一些优化点: Payload of the CMS page structure - 待加载CMS 页面结构的负载 Splitting the CMS page structure in both page and page template CMS improve cache-ability of the CMS page structure CMS page structure payload (#3668)
15 0
SAP Commerce Cloud (电商云) UI 的懒加载功能
SAP Commerce Cloud (电商云) UI 的懒加载功能
5 0
+关注
2628
文章
0
问答
来源圈子
更多
+ 订阅
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载