SAP 电商云 Spartacus UI 从 shipping address 到 shipping method 的 HTTP 请求设计

SAP 电商云 Spartacus UI 从 shipping address 到 shipping method 的 HTTP 请求设计

shipping address:http://localhost:4299/electronics-spa/en/USD/checkout/shipping-address第一次点击 shipping address 的 continue 之后,有哪些 HTTP 请求?再次读取 shipping ...

SAP Spartacus 电商云 UI Shipping Method 在单元测试环境下没有显示的问题

SAP Spartacus 电商云 UI Shipping Method 在单元测试环境下没有显示的问题

单元测试时,这一块区域没有渲染出来:supportedDeliveryModes$我之前已经确认了,deliveryModeLoaded$ 肯定为 true,所以只可能 supportedDeliveryModes$ 的 length 为 0了。注意,在这个上下文执行时,supportedDeliv...

SAP 电商云 Spartacus UI shipping method 切换时的 spinner 显示

SAP 电商云 Spartacus UI shipping method 切换时的 spinner 显示

component 里增加一个新成员属性:setModePressed, 默认为 false我们通过下列代码,将 DeliveryModeEvent 同 Ngrx action CheckoutActions.SET_DELIVERY_MODE_SUCCESS 绑定在一起。这样一来,一旦有 Ngrx...

SAP 电商云 Spartacus UI 点了 Shipping Method 之后的执行逻辑

SAP 电商云 Spartacus UI 点了 Shipping Method 之后的执行逻辑

shipping method 两个备选项,通过类型为 radio 的 input 控件实现:最后使用 NgRx,dispatch action,将调用投递到 Effect:Effect 实现里使用 mergeMap,以支持并发请求:

SAP 电商云 Spartacus UI shipping method 切换时的 spinner 显示

SAP 电商云 Spartacus UI shipping method 切换时的 spinner 显示

component 里增加一个新成员属性:setModePressed, 默认为 false在 changeMode 函数执行时,将该属性设置为 true:然后,在对应的 effect 成功调用了 HTTP put 方法之后,将该 boolean 值重新设置为 false.我们通过捕捉 Delive...

SAP 电商云 Spartacus UI 点了 Shipping Method 之后的执行逻辑

SAP 电商云 Spartacus UI 点了 Shipping Method 之后的执行逻辑

shipping method 两个备选项,通过类型为 radio 的 input 控件实现:值发生 change 之后,触发 changeMode 方法的执行:changeMode 会把执行逻辑交给 checkoutDeliveryService:这个 service 的类型是一个 abstrac...

SAP Spartacus checkout Shipping address的页面实现

SAP Spartacus checkout Shipping address的页面实现

     {{ 'checkoutAddress.shippingAddress' | cxTranslate }}           *ngIf="       &n...

控制SAP Spartacus shipping address页面spinner显示的逻辑

控制SAP Spartacus shipping address页面spinner显示的逻辑

直接查看页面源文件shipping-address.component.html:

SAP Spartacus shipping address页面请求1 - Address

SAP Spartacus shipping address页面请求1 - Address

{   "type" : "userWsDTO",   "name" : "Jerry Wang",   "uid" : "jerry.wang@diablo.com",   "active" : false,   "currency" : { &n...

SAP Spartacus shipping address页面请求2 - Put Address

SAP Spartacus shipping address页面请求2 - Put Address

给cart设置delivery address?/addresses/delivery?addressId=8796483878935&lang=en&curr=USD根据关键字addresses/delivery搜索项目:

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

社区圈子

阿里巴巴终端技术
阿里巴巴终端技术
阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。
1504+人已加入
加入