关于javascript:微信小程序云开发证件照2页面结构

微信证件照小程序开发，第二话，因为最近工作比较忙，更新没有那么及时，不过还是会保持更新的，明天更新总体页面构造，以及首页图片数据库存储，接口调用等

掘金更新比拟早，之后会同步更新

页面UI(本人布局的，赶不上大佬的水准)

首页

我的证照

首页（图片存储以及数据库调用）

用户进入首页时，获取用户的openid,存入数据库，便于前面受权

首先在数据库创立汇合

把图片上传云存储，拿到File ID

前端申请数据库拿到图片数组

//获取题目图片    getBannerList(){        wx.showLoading({ title: '加载中', })        const that = this        const db = wx.cloud.database()        db.collection('bannerList').get().then(res => {            res.data.forEach(e => {                e.imgUrl = e.imgUrl.trim()            });          that.setData({            bannerList:res.data          })          wx.hideLoading()        })    },

tips:

新建的数据汇合肯定要改下“所有用户可读”，不然获取不到数据

我的页面（用户受权）

微信的用户受权弹框，往年四月份新改的逻辑，不在用wx.getUserInfo，目前是用wx.getUserProfile，具体可看官网解释
从数据库中读取用户信息，如果有用户昵称，则已受权，没有则弹出受权弹框

// 新的获取用户信息事件回调getUserProfile(e) {    wx.getUserProfile({      desc: '用于欠缺材料', // 申明获取用户个人信息后的用处，后续会展现在弹窗中，请审慎填写      success: (res) => {        this.setUserInfo(res.userInfo)      }    })  },

// 更新设置用户信息    setUserInfo (userInfo) {        this.setData({            authorized: !!userInfo.nickName,            userInfo: {                ...this.data.userInfo,                ...userInfo            }        })        const openid = app.globalData.openid        if (!openid) return        wx.cloud.callFunction({            name: 'setUserInfo',            data: {openid, data: userInfo}        }).then(res => {            console.log(res)        })    },

总结

可能有点乱，性能走通后，之后会分享出我的代码，应该会分明一点，目前正在加紧开发中。。。

之后会继续分享，请继续关注哦！

码字不易，记得点赞哟！