导语:在如何从零开始搭建顾客签到小程序?(一)中,已经搭建起顾客登陆、获取用户openid、转到教练列表两个微信小程序的页面。在前端页面和后端云服务器之间建立了联系。本文将继续讲解如何把签到信息存至云数据库,以及如何从云数据库中获取信息查询记录的功能实现。
第四步、实现顾客签到页面和功能
一、顾客签到功能的流程图
二、打开微信开发者工具,导入顾客签到小程序项目,左侧文件树中“jiaolian1、jiaolian2"两个目录就是用户签到页面
三、点击”jiaolian1.wxml”文件,内容替换成如下代码:
bindtap="onAdd">点击签到
{ { qiandao }}
顾客签到总数:
{ { message }}节课
点击查询记录
四、紧接着点击“jiaolian.js"文件,把内容替换成如下代码:
//index.js
const app = getApp(); //定义变量
const db = wx.cloud.database({}); //调用云数据库
const cont = db.collection('jiaolian1'); //指明要操作的数据集是"jiaolian1"
Page({ //定义页面数据
data: {
},
onLoad: function() { //默认加载获取用户信息
wx.getUserInfo({ //获取用户信息
withCredentials:true, //授权鉴证
success: res => {
var userInfo =