Skip to content

Danielfenghk/wxs_walk

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 

Repository files navigation

步数换物微信小程序

简述

通过微信内置微信运动获取用户每日步数,根据用户在小程序中设置的目标,达到相应目标获取能量,通过能量换取奖励

技术选型

  • 小程序
    • weUI
    • wepy
  • 管理后台
    • laravel

需求分析

* 核心需求
    步数获取
    奖品兑换
    商品核销
* 次级需求
    排行榜统计
    目标设定

UI

* 主色号 #119fea

页面设计

  • 首页(记录)
    • 排行榜(Bottom)(上左)(每天,每月排行)
    • 每日目标步数设定 (Bottom)(上右)(三档 8000铜,16000银,24000金)
    • 当天步数 (中) (当天目标步数,完成情况)
    • 当日消耗能量(下)(日期,消耗能量,相当于xx食物(该食物种类应该可以rand), 右边xxxkcal)
    • 当天运动距离(下)(日期,运动距离,相当于xx圈400米跑道, 右边xxxKM)
    • menu (悬浮最下)(记录,兑换,我的)
  • 兑换(商家后台设置兑换物数量,兑换消耗的能量)
    • 根据用户历史步数兑换成能量值
    • 展示兑换商品
  • 我的
    • 头像
    • 年龄,身高,体重(初值)
    • 能量记录(记录达标的日期)
    • 我的成就(累计步数的统计,达到多少步就为一个等级)
    • Q&A

重要设计思路

  • 能量的获取标准: 根据每天自己自定义的目标步数来获取对应的能量值,铜-1 银-2 金-3(如果我设定的为铜,但是我走到金的标准当天的能量依然根据铜的标准)
  • 兑换券如何兑换: 点击兑换,生成二维码,二维码供用户兑换商品和商家后台核销,二维码可以设置有效期限,过期不能核销等玩法。注:安全防范,防止盗链获取商品
  • 商户管理平台:
    • 登陆模块(修改密码)
    • 奖品生成模块(增删改查)
    • 兑换记录模块(查)

注意事项

  • 小程序只支持https的api,所以域名必须申请ssl证书
  • 奖品生成必须确保安全,防止重复领奖

Releases

No releases published

Packages

No packages published

Languages

  • PHP 62.6%
  • JavaScript 22.1%
  • HTML 15.0%
  • Vue 0.3%