1 引言

  • 会员储值卡前后端实现
  • 会员充值套餐优惠后端实现

image.png

2 前端实现

会员充值页面

  • 功能介绍，提供会员充值的一个入口，使用手机号进行充值，并且提供充值金额，充值金额中采用充1000送500，充500送200，充两百送50三种，并且手机号使用正则表达式去确认是否为一个11位的数字
  • 前端主要代码

image.pngimage.png

图表页面

  • 功能介绍：对系统数据库中存在的支付信息记录进行统计分析，使用echarts进行图表的显示。以下是以“顾客消费偏好分析”为例的饼状图显示。

image.png
image.pngimage.png
image.png
以下是以“员工完成订单数统计”为例的柱状图显示。
image.png

3 后端实现

会员充值功能后端实现

充值优惠后端代码

  • 关键技术：分不同金额阶段进行充值返赠

image.png

图表分析后端实现

关键技术：获取套餐信息表中的套餐名列表，然后遍历列表，对每一项进行在支付表中存在记录总数的计数，得到每一类套餐被顾客选择消费的次数，通过DashboardVo打包返回数据
image.pngimage.png
image.png

4 测试报告

编号 测试内容 测试结果 功能说明 补充
1 会员充值时，能否按照不同充值金额进行返赠余额 图片.png
充值500图片.png充值1000图片.png		 从前端获取充值金额值，判断充值的额度是否达到某一阶段，达到则根据该阶段的返赠规则，返回应充值入余额的金额值至前端 会员充值分为不同额度，单次充值金额满足某一阶段额度则有对应的额外返现，如单笔充值满1000送350，满500送150等。
2 会员充值时，如果手机号不存在，显示操作失败 图片.png 首先在数据库中查询该手机号是否存在，如果不存在就返回error
3 如果充值时充值金额为负数 图片.png 在后端查询金额是否为一个大于0的整数
4 如果充值金额有字符等 图片.png 前端通过isInteger函数去判断输入的是否为一个整数
5 原则上剪头发充值金额不会太大，为了防止超出范围，限制充值金额小于1e6 图片.png 前端判断金额是否超过1e6
6 改变支付信息表信息，测试顾客消费偏好分析图表能否正常动态更新数据 image.png 图表数据更新正常，各项数据正常显示