2021-02-07

微信小程序-用户信息添加到云端

一、效果

二、实现

1.wxml

2.js

// pages/login/login.js
var that;
const db = wx.cloud.database();
Page({

  /**
   * 页面的初始数据
   */
  data: {
    userInfo:null,
  },
  bindGetUserInfo(e){
    //this：这个页面整个对象
    console.log(e);
    if(e.detail.userInfo){
      //存储到本地
      wx.setStorage({
        //序列化
        data: JSON.stringify(e.detail.userInfo),
        key: 'userInfo',
        success(res){
          console.log("setStorage success:",res);
          //调用添加用户信息到云数据库函数
          that.addUser(e.detail.userInfo);
        }
      }) 
    }
    else{

    }
  },
  //添加用户信息到云数据库
  addUser(userInfo){
    db.collection('user').add({
      data:{
        nickName:userInfo.nickName,
        avatarUrl:userInfo.avatarUrl,
        gender:userInfo.gender,
        city:userInfo.city,
        province:userInfo.province,
        time:new Date()
      }
    })
    .then(res=>{
      console.log("add user success",res);
    })
    .catch(err=>{
      console.error("add user fail",err);
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
   that = this;
    //从本地获取信息存储到页面userInfo
    // wx.getStorage({
    //   key: 'userInfo',
    //   success(res){
    //     //转换成对象
    //     console.log("getStorage success:",JSON.parse(res.data));
    //     that.setData({
    //       userInfo:JSON.parse(res.data)
    //     })
    //   }
    // })
   
  },


})