网站首页 >> 牛刀云小程序开发 >> 第1篇制作模式 >> 服务制作 >> 实战案例:加入购物车

2.5.4.5 调用服务请求

1、添加服务请求组件

    在主页上添加“加入购物车”服务请求组件。如果主页中还没有添加“用户”组件,就添加“用户”组件。设置“加入购物车”服务请求组件的参数,如图6-35所示。“商品ID”的值表达式设置为商品数据集的主键,“数量”设置为1,“用户ID”设置为用户信息的openid

6-35  服务请求组件参数设置

2、发送服务请求

主页商品列表中有购物车图标,在图标的单击事件中,选择服务请求组件的发送服务请求操作,目标对象选择加入购物车。不需要再次设置参数。预览时,单击某个商品的购物车图标,该商品会添加到购物车中。

 

3、设置请求后操作

界面友好的交互是在用户操作后,给与用户一个反馈。在用户单击了购物车图标后,如果请求成功,可以显示出“成功加入购物车”,如果请求失败,应该显示出失败原因。

具体做法是在“加入购物车”请求组件的请求成功事件中选择“显示提示框”操作,标题属性设置为“成功加入购物车”,在请求失败事件中也选择“显示提示框”操作,标题属性设置为:请求失败.异常原因($event.message)。