优惠券流程

DCodes

已于 2023-02-15 10:53:35 修改

阅读量1.3k

点赞数

分类专栏：原生微信小程序文章标签：前端

于 2023-02-14 17:53:12 首次发布

本文链接：https://blog.csdn.net/qq_44793507/article/details/129031108

版权

原生微信小程序专栏收录该内容

32 篇文章 9 订阅

订阅专栏

小程序优惠券流程

优惠券流程大致如下：
在这里插入图片描述

优惠券发放形式

优惠券一般通过领取的形式发放，也可以通过用户的状态来自动发放优惠券。

自动发放的优惠券适用于一些活动，比如：回归活动用户登录自动发放优惠券。

手动领取的优惠券，用户通过点击领取的形式获得。

优惠券通常有多种形式，而且优惠券的数量不限，例如：满减优惠券，同类型的满减优惠券可以获取多张，满50减5、满100减10，除了满减优惠券外还有折扣优惠券，这些优惠券都可以重复领取，一个类型的优惠券可以获得多张。

优惠券使用

用户使用优惠券的时候会有限制，例如：同类型的优惠券只能使用一张，如果用户现在有满减优惠券x2、折扣优惠券x3，那么用户的在使用的时候一个类型只能使用一张。

一般情况下，用户使用优惠券的时候会有一个初始的最优优惠券选择，不需要用户手动选择使用哪一张，在获取或者使用的时候，后台会自动分配好当前条件下的最优优惠券搭配。其次是用户可以手动选择自己想要使用的那一张。用户在选择优惠券的时候，只要优惠券的选择发生更改，那么当前的计算金额也要随之发生更改，这样优惠券和金额就是动态且实时的计算，用户才知道当前优惠券到底优惠了多少，最后实际需要支付的金额是多少。

优惠券的使用场景

1、商品选择

2、商品详情

3、订单支付页

4、购物车页

5、…

优惠券在这么多场景下都会重复出现，那么，该优惠券实际上可以封装成一个组件，在对应的页面引入组件即可，所有选择的逻辑、搭配的逻辑以及弹窗展示的信息，都在该组件内操作，组件内操作完，返还给页面的就是最终选择的数据，页面通过返回的数据进行展示即可。

优惠券使用以及支付

优惠券选择后会自动计算金额，那么计算金额的接口参数应该有商品id、商品数量、优惠券id，通过这些参数请求计算金额接口。参数的结构如下：

let params = {
    goodsArr = [
    { goodsId:100 , quantity : 1 },  // 商品id 数量
    { goodsId:101 , quantity : 1 }
    ],
    discount =  [ 32001,32001 ]  // 优惠券的id集合，不同类型的券id都放在这里
}

请求计算金额接口后，后台返回的数据如下：

{
    code: 200
    data: {
            disMoney: 1.5,  // 优惠金额
            totalPrice: 20,  // 总金额
            actualPrice: 18.5, // 实际金额
            isDis : 1  // 是否使用优惠券
    }
    message: "SUCCESS"
}