会员管理系统实战开发教程07-会员消费

简介: 会员管理系统实战开发教程07-会员消费

上一篇我们讲解了会员的充值,会员消费和充值的逻辑类似,也是先记录消费金额,然后给会员卡余额减去消费金额,有个逻辑是如果余额不足需要提示信息。

1 创建消费记录表

我们先需要创建表来保存会员的消费记录信息,打开控制台,点击数据模型,点击+

输入数据源的名称消费记录

点击编辑按钮进入添加字段视图

添加字段,输入消费金额,类型选择数字

添加字段,输入消费日期,类型选择日期时间

添加字段,输入所属会员卡,类型选择关联关系,数据模型选择会员卡

2 生成模型页面

数据源添加好之后,打开我们的模型应用,点击新建页面

选择表格与表单页,数据模型选择消费记录

平台会根据数据源的字段自动生成相关页面

3 搭建消费记录新增页面

平台生成的页面是方便我们查询数据,真正的业务我们是在会员列表页面完成。切换到会员列表页面,在页面下边增加一个普通容器,下边增加一个表单容器

当我们点击更多图标时,会弹出功能菜单,这个时候点击消费就需要显示我们的普通容器

控制容器是否显示是通过组件的条件展示属性来决定的,在微搭中变量类型如果是布尔值就比较适合。布尔值有两个取值,要么为true,要么为false。条件展示如果绑定变量,我们根据变量的值来决定是否要显示组件。

在代码区创建一个布尔值变量

然后给普通容器绑定条件展示

为了让页面居中显示,我们需要设置一下样式,选择绝对定位

当我们点击消费按钮的时候,让我们的变量赋值为true

页面可以正常弹出后,我们需要增加一个关闭按钮,我们用图标来替代关闭按钮。找到表单容器的标题,在下边添加一个图标组件

设置普通容器的样式为两端对齐

self {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}

点击图标的时候我们把变量赋值为false,实现页面的关闭

4 配置所属会员卡

目前表单容器生成的所属会员卡下拉字段,列出了所有的会员卡,实际的规则是当选择哪个会员的时候应该显示该会员下的会员卡。我们需要给下拉选择设置筛选条件

4 实现消费的业务逻辑

我们消费的逻辑是先判断余额是否充足,如果充足我们就增加消费记录并且更新会员卡的余额,如果不足提示信息。首先我们需要得到需要给哪张会员卡添加消费记录,给下拉选择定义一个值改变事件

让我们的选中值赋值给我们的变量

得到卡的ID后,我们要自己实现提交的逻辑,在代码区定义一个自定义方法

输入如下代码

export default async function({event, data}) {
   const money =Number( $w.inputNumber4.value)
   console.log("消费金额",money)
   const currentDay = $w.date4.value
   console.log("消费日期",currentDay)
   const cardid = $w.select4.value
   console.log("卡ID",cardid)
   const card = await $w.cloud.callDataSource({
      dataSourceName: "hykxx_gmcze7h",
      methodName: "wedaGetItemV2",
      params: {
        // 筛选内容,筛选内容推荐使用编辑器数据筛选器生成
        filter: {
          where: {
            $and: [
              {
                _id: {
                  $eq:cardid, // 获取单条时,推荐传入_id数据标识进行操作
                },
              },
            ],
          },
        },
        select: {
          $master: true, // 常见的配置,返回主表
        },
      },
    });
    console.log("卡信息",card)
    const currentCardYue = card.ye
    console.log("当前余额",currentCardYue)
    if((currentCardYue-money)>=0){
      await $w.cloud.callDataSource({
      dataSourceName: "xfjl_vcdjkih",
      methodName: "wedaCreateV2",
      params: {
        data: {
          xfje: money,
          xfrq: currentDay,
          sshyk:cardid
        },
      },
    });
      await $w.cloud.callDataSource({
      dataSourceName: "hykxx_gmcze7h",
      methodName: "wedaUpdateV2",
      params: {
        // 更新数据
        data: {
          ye: currentCardYue-money,
        },
        // 筛选内容,筛选内容推荐使用编辑器数据筛选器生成
        filter: {
          where: {
            $and: [
              {
                _id: {
                  $eq: cardid, // 更新单条时,推荐传入_id数据标识进行操作
                },
              },
            ],
          },
        },
      },
    });
    }else{
      $w.utils.showToast({
        title:'余额不足',
        icon:'error'
      })
    }
}

提交方法写好之后,我们要把表单容器默认的方法改成我们的自定义方法

提交成功后我们要把页面关闭,再给变量赋一下值即可

总结

我们用7篇的篇幅介绍了会员管理系统的管理端如何开发,分别开发了会员的注册、开卡、充值、消费等几个基本功能。微搭是使用模型应用来开发管理端的,像基本的增删改查这些操作是由平台自动生成的,但是一些业务操作,比如我们本篇介绍的消费功能还是要自己通过写代码的方式完成业务逻辑的编制。

感兴趣的同学照着做一遍吧,马上你也可以拥有自己的会员管理软件了。

相关文章
|
5月前
|
监控 安全 数据可视化
什么是网站建设?详解网站建设的原则、要点、流程及规范
网站建设是从规划到上线的系统工程,需明确目标、注册域名、选择主机服务器并部署建站系统。流程注重用户需求、内容质量与安全规范,上线后需持续维护更新,以实现网站长期稳定运行与价值。
466 0
|
5月前
|
开发框架 弹性计算 运维
建站系统哪个好?2025年建站系统深度推荐与避坑指南
建站系统分传统CMS(如PageAdmin)、SaaS平台(如阿里云速成美站)和开发框架三类。选择时需权衡控制权、成本与效率,根据业务需求、技术能力和长期规划理性选型,优先验证可行性再迭代升级。
603 0
|
8月前
|
运维 小程序 数据可视化
小程序开发平台有哪些?SaaS小程序制作平台哪个好
小程序开发模式详解:自主开发、SaaS小程序制作平台与外包全对比 选择合适的小程序开发模式,是项目成功的基石。这三种模式在成本、周期、控制力和灵活性上各有千秋,适用于不同阶段和不同类型的企业。下面我们将逐一深入剖析。
696 9
|
5月前
|
人工智能 小程序 JavaScript
微信小程序的开发流程
微信小程序开发流程成熟高效,依托云开发与AI辅助,大幅缩短上线周期。涵盖资质准备、需求设计、技术选型、编码实现、测试调试到发布审核六大阶段,并强调合规性、插件复用与AI提效,助力快速落地优质应用。(239字)
|
3月前
|
域名解析 前端开发 数据可视化
如何创建一个网站?初学者的分步指南
本指南将网站创建分为五个核心阶段:规划准备、域名服务器选择、建站方式确定、内容填充以及测试发布。即使零基础,也能按步骤搭建个人博客、企业官网或电商网站,并持续运营维护。
1497 9
|
5月前
|
人工智能 运维 安全
2025-2026年主流自助建站系统有哪些
本文阐释自助建站系统的定义、分类及特性,对比 SaaS 模式与独立 CMS 系统的适配场景,分析 2025-2026 年市场格局与发展趋势,给出用户选型建议,指出行业向降门槛、强适配方向发展。
371 3
|
10月前
|
运维 监控 安全
阿里云SSL证书免费版与收费版有什么区别?免费版SSL证书申请及部署流程参考
在当今数字化时代,网站安全已成为每个网站运营者不可忽视的重要环节。阿里云数字证书管理服务为不同规模的网站提供了多种SSL证书类型和品牌,包括但不限于电商、小型企业、大型企业或个人等。这些SSL证书不仅能有效保护网站数据传输安全,还能提升用户对网站的信任度。本文将详细解析阿里云SSL证书的免费版与收费版之间的差异,并提供选购指南及申请流程,帮助您根据网站规模和业务需求选择最适合的证书。
|
域名解析 安全 SEO
企业为什么要搭建网站?
企业建站的主要原因包括提升企业形象、拓展市场渠道、降低运营成本、增强竞争力和提高客户满意度。选择一个专业的网站可以增强竞争力,提升客户满意度。搭建网站需要注册域名、租用服务器、使用成熟的CMS系统、做好实名制、绑定域名、部署网站。
276 5
|
存储 弹性计算 数据库
阿里云服务器租用收费价格参考,弹性裸金属服务器架构云服务器收费价格表
弹性裸金属服务器架构阿里云服务器有计算型弹性裸金属服务器ebmc7、内存型弹性裸金属服务器ebmr7、AMD计算型弹性裸金属服务器ebmc7a、通用型弹性裸金属服务器ebmg6等实例规格可选,不同实例规格的租用收费价格是不一样的,本文为大家汇总了目前基于弹性裸金属服务器架构下的各个实例规格的阿里云服务器收费标准,以供参考。
阿里云服务器租用收费价格参考,弹性裸金属服务器架构云服务器收费价格表