微信小程序云开发项目实例 | 体测助手(已发布)| 含登录,存档,历史等功能

首先,附上小程序二维码,欢迎大家浏览

在这里插入图片描述

一、项目效果展示
由于时间关系,页面做的稍微有些简陋。

在这里插入图片描述

二、项目介绍
该项目包含三个页面
首页,历史,我的
在这里插入图片描述
首页,用于数据的计算,计算出结果后可以进行保存
点击保存按钮,若是未登录,会自动跳转到登录页面,登录之后,方可开放存档功能。
历史页,登录后,可以查询保存的历史记录
我的,用于用户登录

三、核心代码

 //请求数据库,用户信息
        wx.cloud.callFunction({
            name: 'getId',
        }).then(res => {
            app.openID = res.result.openid
            db.collection('userList').where({
                _openid: res.result.openid
            }).get().then(res => {
                app.data = res.data[0]
                console.log(res.data);
                if (res.data[0]) {
                    app.status = 1
                } else {
                    app.status = 0
                }
            })
        })
   // 年级选择
    gradeChange(e) {
        this.setData({
            index: e.detail.value
        })
    },
    // 性别选择
    genderChange(e) {
        this.setData({
            gender: e.detail.value
        })
    },
//存档
    cundang() {
        console.log(app.status, 'cundang');
        if (app.status) {
            db.collection('userList').where({
                _openid: app.openID
            }).update({
                data: {
                    history: _.push(this.data.zong),
                    bmi: _.push(this.data.bmi)
                }
            })
        } else {
            wx.showToast({
                title: '请先登录!',
                icon: 'loading',
            }).then(res => {
                setTimeout(() => {
                    wx.switchTab({
                        url: '/pages/mine/index',
                    })
                }, 1000)
// 点击登录,请求用户信息
    getUser() {
        wx.getUserProfile({
            desc: '用于完善会员资料',
            success: (res) => {
                db.collection('userList').add({
                    data: {
                        name: res.userInfo.nickName,
                        phone: res.userInfo.avatarUrl,
                        history: [],
                        bmi:[]
                    }
                })
                this.setData({
                    userInfo: {
                        name: res.userInfo.nickName,
                        phone: res.userInfo.avatarUrl
                    }
                })
                console.log(this.data.userInfo);
                app.status = 1
            }
        })
    },

代码数量过大,内容展示有限,如对完整代码有兴趣,可以留下自己的邮箱

  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 7
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值