最近给学校旁边火锅店写了一个微信的签到领积分,积分兑换优惠卷、可乐、雪碧等商品的小程序。

思路:后台用的node express框架 数据库用的mongodb mongoose连接服务器和数据库,数据库这边是一个用户的集合,每个用户有用户名、所拥有的积分、签到天数、拥有的券等字段

签到页面:点击签到后变成今日已签到,函数用if,else判断 如果为点击签到,则发起请求在数据库查找该用户的天数并加1,积分+5,onshow函数请求签到的天数并显示,在点击签到后再触发一下

onshow函数,localstoragy中设置一个标记字段并设置过期时间为24小时,如果该标记存在,则可以签到,否则显示今日已签到,点击提示今日已经签过到了。

兑换页面:onshow请求该用户的所有积分并保存在一个变量里,点击兑换按钮显示对话框,并用函数传参的方式将需要的积分传进函数,对所拥有的积分和需要的积分进行一个运算判断积分是否够扣,如果够扣除的话,显示兑换成功并且请求后台将数据库对应用户减去相应积分,然后调用onshow函数重新请求一下用户的积分,避免无限制兑换,我的页面则请求用户的积分和卷的数量并显示出来就行了。

后期:调用支付接口,点击优惠卷跳到商家支付页面,支付成功后该用户的券数量减1,如果兑换的是可乐,雪碧等的话,需要一个后台管理页面,将用户兑换的商品显示在页面上,方面商家核对,这里是服务器主动向客户端推送消息,所以用轮询或者websocket就看自己了。

源码后期会放在我的github上面,这就是总体的一个思路,后面也可以根据自己的需求改动。

转载于:https://www.cnblogs.com/chenyuhang/p/10785494.html

微信签到积分换卷小程序(完整前后台)相关推荐

  1. php微信积分签到,微信签到积分换卷小程序(完整前后台)

    最近给学校旁边火锅店写了一个微信的签到领积分,积分兑换优惠卷.可乐.雪碧等商品的小程序. 思路:后台用的node express框架 数据库用的mongodb mongoose连接服务器和数据库,数据 ...

  2. 微信步数换礼品小程序 微信小程序步数换东西 走路步数兑换礼品的小程序需要怎么开发?

    很多朋友看到微信小程序里有微信步数宝换东西,但不知道这个是不是真的,其实很多商家也是真实在做活动,他是通过微信运动步数兑换积分,然后积分就可以抵用现金或者兑换礼品了. 为了鼓励大家走出家门,锻炼身体, ...

  3. 我的微信小程序完整项目

    我的微信小程序完整项目 注册企业账号开始的第一步失败啦,明天继续. 搭建测试项目开始!!!! pages:存放页面目录 (注意在pages里的文件结构必须要在app.json里的pages中配置相对应 ...

  4. php 小程序 运动步数_【永久会员专享】运动步数宝换购小程序源码包更新【更新至V9.6.7】...

    源码介绍 步数换购小程序V9.6.9完整全开源源码包+小程序前端[包更新],优化重构首页邀请按钮.邀请头像显示的开关功能! 步数换购模块技术解决方案"3.0.0版本"已上线--完成 ...

  5. vue 项目快速输出微信、支付宝、百度小程序

    上周,Megalo@0.2.0 正式发布,优化了数据更新性能的同时,支持了百度智能小程序,着实激动了一把,这"可能"是目前社区里第一个同时支持三端小程序的 vue 小程序框架.下面 ...

  6. 小程序完整对接 pingpp支付

    小程序完整对接 pingpp支付 有几个先要条件: 小程序需要企业认证且开通支付功能,个人认证是无法使用支付功能的(小程序微信支付官网) pingpp 本身接入的企业服务器(即商户服务器)并不强制要求 ...

  7. 小程序完整demo推荐:东航旅行;预订酒店,机票(适用1221)

    这是东航电商的东航旅行的完整项目,很荣幸作为第一批吃螃蟹的人.目录结构 [AppleScript]  纯文本查看  复制代码 less --> less文件目录scripts --> 微信 ...

  8. 微信公众平台接口调试工具json格式不对怎么搞_腾讯云和微信推出更快速的小程序开发平台,微信读书小程序作示范...

    腾讯云副总裁刘颖将腾讯云定义为微信的一个助手,腾讯云面向微信生态开发者输出的技术解决方案包括"小程序·云开发".小程序音视频直播.小游戏联机对战引擎等,腾讯云与企业微信的合作也会在 ...

  9. 小程序 小程序中打开其他小程序、小程序跳转其他小程序、微信群聊中打开小程序

    1.小程序中打开其他小程序可将要打开的小程序通过半屏的形态快速拉起(1)配置app.json的embeddedAppIdList字段中声明需要通过半屏形态打开的小程序,若不配置将降级为普通的小程序跳转 ...

最新文章

  1. 刚进入大学觉得计算机课很难,高校代码条幅迎新生,00后表示刚开学就感受到秃头压力!程序员太难了...
  2. 程序员福音-定时提醒bat
  3. Vue.js入门第一课
  4. java 贝塞尔_java贝塞尔曲线翻页效果
  5. 6463: Tak and Hotels II(倍增)
  6. JZOJ 5640. 【NOI2018模拟4.9】劈配
  7. 曹大:我的快速阅读法
  8. 脱裤子放屁,多此一举
  9. PyQt4, class:mouseButtons用法
  10. 白话数字签名(1)——基本原理
  11. 神经网络学习笔记1——BP神经网络原理到编程实现(matlab,python)
  12. 数理统计 -次序统计量、充分统计量
  13. Android实战之 上传头像 和仿QQ空间、微博发表文字和图片
  14. BIMC指出企业发展电子商务的问题
  15. 第四章:迭代器与生成器
  16. 实现简单的增删改查(Asp.Net MVC+Layui)
  17. 遍历一个文件夹下的所有文件和子文件夹
  18. python3中将'\xb2\xbb\xca\xc7\xc4\xda\xb2\xbf\xbb\xf2\xcd\xe2\xb2\xbf\xc3\xfc\xc1\xee'转成中文
  19. 一些常用工具下载链接
  20. IFS认证|国际食品IFS认证优势与审核标准

热门文章

  1. JDBC :java.sql.SQLException: Access denied for user ‘root‘@‘localhost‘ (using password: YES) 数据库登录正常
  2. 十大炒股杠杆平台到底有哪些交易模式?
  3. echarts绘制嵌套环形图(南丁格尔玫瑰图)
  4. 逆向之汇编(EBP寻址)
  5. WatchOS开发教程之四: Watch与 iPhone的通信和数据共享
  6. Chrome 扩展程序 OneTab Techzero优化版 v1.0.0 发布
  7. geom_segment 新技能get
  8. Excel 2010 VBA 入门 033 批量合并相同的单元格
  9. CSS常见选择器的用法
  10. UI设计中的排版设计技巧