SAP 电商云 Spartacus UI 的交货模式 Delivery Mode 设计

SAP 电商云 Spartacus UI 的交货模式 Delivery Mode 设计

本文讨论 Spartacus UI checkout 流程时,下图高亮的两种交货模式,Delivery Mode 的数据来源:从组件的模板文件里能看出,这些 radio input 的数据,来自 Observable 对象 supportedDeliveryModes$:后者通过服务类 checko...

SAP 电商云 Spartacus UI delivery mode 页面设计的结构分析

SAP 电商云 Spartacus UI delivery mode 页面设计的结构分析

deveop 分支:总的来说分为两个模板,分别对应非 4.2.2 和 4.2.2 版本。我们细看 4.2.2 版本,这个版本只有一个 spinner:解决双 spinner 问题:checkout 其他 step 的 spinner 都 hide 了按钮,所以 delivery mode 也应该 h...

SAP 电商云 Spartacus UI set delivery mode HTTP put 请求的触发时机

SAP 电商云 Spartacus UI set delivery mode HTTP put 请求的触发时机

看下面这段代码:context('Group Skipping - Checkout', () => { before(() => { cy.requireLoggedIn().then(() => { checkout.goToProductDetailsPage(); chec...

SAP 电商云 Spartacus UI set delivery mode HTTP put 请求的触发时机

SAP 电商云 Spartacus UI set delivery mode HTTP put 请求的触发时机

在 Shipping Address 页面点了 continue 按钮之后:会触发 HTTP put 操作:触发代码如下:通过 checkoutDeliveryService 发送 HTTP Put 请求:完整的请求 url:https://host:9002/occ/v2/electronics-...

SAP 电商云 Spartacus UI 设置 delivery mode 在 3G 慢速网络下的排队效果

SAP 电商云 Spartacus UI 设置 delivery mode 在 3G 慢速网络下的排队效果

能看到明显的HTTP PUT 请求的排队效果。从发送请求的时间戳也能看出。一旦 filter 条件满足之后:会并行发送所有的 HTTP put 请求:这段代码什么时候会被调用?setMode 返回的 Observable,什么时候被订阅?dispatch 之后,会立即被 effect 实现类里 of...

SAP 电商云 Spartacus UI 设置 Delivery Mode 的时序分析和一个竞争条件问题分享

SAP 电商云 Spartacus UI 设置 Delivery Mode 的时序分析和一个竞争条件问题分享

(1) State.loading这个值存储在什么地方的?(2) 什么时候变为 true?什么时候变为 false?Component/service 需要消费存储在 store 中的数据,通过 Store 和 Selector 完成。例子:Component 需要改变 store 中的数据时,不能...

SAP 电商云 Spartacus UI Delivery Mode ID 的 validator

SAP 电商云 Spartacus UI Delivery Mode ID 的 validator

构造函数里注入了一个 FormBuilder:创建一个 FormGroup 实例,名称为 mode,包含一个 deliveryModeId 属性,并且需要进行 Angular react form 默认的 validation 逻辑:在 Component 模板文件里,通过 formControlN...

SAP 电商云 Spartacus UI 修改 Delivery Mode 触发的三个 HTTP 请求 2

SAP 电商云 Spartacus UI 修改 Delivery Mode 触发的三个 HTTP 请求 2

从调用栈能看出,准备加载 multi cart :我现在希望通过代码调试,找到具体是哪一行抛出的 action:从调用栈里没找到也没关系,通过源代码搜索也很好找:[Cart] Load Cart从 callstack 真的没有找到:setDeliveryModeSuccess 之后,立...

SAP 电商云 Spartacus UI 修改 Delivery Mode 触发的三个 HTTP 请求 1

SAP 电商云 Spartacus UI 修改 Delivery Mode 触发的三个 HTTP 请求 1

LoaderState:loading 状态在 true 和 false 之间的切换,通过 loader.reducer.ts 里的 reducer 函数进行。每次通过 store.dispatch 往 store 里投递新的 action 时,都会触发该 reducer 的执行。添加上打印日志:设...

SAP 电商云 Spartacus UI 修改 Delivery Mode 触发的三个 HTTP 请求(二)

SAP 电商云 Spartacus UI 修改 Delivery Mode 触发的三个 HTTP 请求(二)

从调用栈能看出,准备加载 multi cart :我现在希望通过代码调试,找到具体是哪一行抛出的 action:从调用栈里没找到也没关系,通过源代码搜索也很好找:[Cart] Load Cart从 callstack 真的没有找到:setDeliveryModeSuccess 之后,立...

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

社区圈子

阿里巴巴终端技术
阿里巴巴终端技术
阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。
1507+人已加入
加入
相关电子书
更多
使用TensorFlow搭建智能开发系统自劢生成App UI代码
使用TensorFlow搭建智能开发系统自劢生成App UI代码
使用TensorFlow搭建智能开发系统自劢生成App UI代码
立即下载 立即下载 立即下载