场地预约管理微信小程序开发过程中的错误记录

本文记录了在开发微信小程序场地预约管理过程中遇到的各类问题,包括用户信息显示、路径跳转、openid获取、预约界面状态更新、日期选择器、扫码签到、拼场等功能的实现和优化。通过解决问题,逐步完善了小程序的各项功能。
摘要由CSDN通过智能技术生成

2022.05.08答辩结束,希望一辩通过!

前言

这篇文章是参考b站up主的图书馆预约小程序写的。
up主B站主页
欢迎各位去看一下。

一、获取到用户信息但是页面上没有显示

(1)原因:在前端wxml页面没有进行数据绑定(或者是绑定出错)
在这里插入图片描述
在这里插入图片描述
应该是userInfo[0]才会显示
(2)在上传用户头像的时候也是有这个问题
在这里插入图片描述
在这里插入图片描述
ps:因为在一个form表单里了,就不要再添加到数据库中,直接更新数据库就可以。
方法过程:先上传图片,然后把图片的fileID存入云开发的存储中,再把这个fileID赋值给用户信息里的zjz字段。
贴个成功代码

// 上传一张图片
chooseImg: function (e) {
/* const app = getApp()
var openid = app.globalData.openid
this.setData({
openid: openid
})
db.collection(“user”).where({ openid: this.data.openid }).get().then(res => {
console.log(res.data)
this.setData({
userInfo: res.data
})
if(res.data.openid==app.globalData.openid){
*/
var that = this;
let openid = app.globalData.openid || wx.getStorageSync(‘openid’);
console.log(openid)
// const filepath=this.data.img
// 选择图片
wx.chooseImage({
count: 1,
sizeType: [‘original’, ‘compressed’], // 可以指定是原图还是压缩图,默认二者都有
sourceType: [‘album’, ‘camera’], // 可以指定来源是相册还是相机,默认二者都有
success: function (res) {
console.log(res.tempFilePaths)
let filePath = res.tempFilePaths[0]
// 上传图片
wx.cloud.uploadFile({
cloudPath: (new Date()).valueOf() + ‘.png’,//文件名 //云存储图片名字
filePath,//临时路径:filepath
success: res => {
console.log(‘[上传图片] 成功:’, res)
console.log(res.fileID)
that.setData({
img: res.fileID,//云存储图片路径,可以把这个路径存到集合,要用的时候再取出来
// userphoto:res.fileID
// zjz:res.tempFilePaths
// zjz: res.fileID
})
// let fileID = res.fileID;
// that.upload(res.fileID);//如果存在这句话,下文用zjz:fileID数据库也不会新增记录
// db.collection(“user”).add({
// data: {
// zjz: fileID//数据库会新增一个记录
// zjz:filePath//数据库不会新增一个记录
// zjz:this.data.concat(filePath)
// }
// })
},
fail: err => {
// handle error
}
})
// }
// })
}
})
},

 formSubmit(e) {
    console.log(e.detail.value)
    db.collection("user").where({ openid: this.data.openid }).update({
      data: {
        nj: this.data.array[this.data.nj_index],
        phone: e.detail.value.phone,
        username: e.detail.value.name,
        xy: this.data.array1[this.data.xy_index],
        studentid: e.detail.value.xh,
        // tx:e.this.data.userphoto,
        zjz:this.data.img,
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值