关于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)
        })
    },

总结

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

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

码字不易，记得点赞哟！