微信小程序使用云开发如何将登录的用户的信息传递到个人信息界面显示出来

微信小程序使用云开发如何将登录的用户的信息传递到个人信息界面显示出来

PS:不使用小程序的授权登录

在登录成功后，将用户信息保存到sessionStorage里面，进入【个人信息】页面后，在sessionStorage里面获取后在页面展示

放到哪里都行，只要是全局对象。建议先了解以下webpack，对编写微信小程序将有巨大帮助，因为微信小程序就是建立在webpack架构之上的，是一种nodejs程序。

比如可以通过app全局对象存储：

var app = getApp();
app.data.userinfo = { ... };   //此处存放登录后的用户信息

在page调用：

page({
    data: {
        userinfo: {}   //页面数据源中的用户信息，用于提供给前端绑定
    },
    onload() {
        var app = getApp();
        this.setData({ userinfo: app.userinfo }); //将app对象中的userinfo转存到page.data
    }
})

前端显示（以用户名name为例）：

<text>{{ userinfo.name }}</text>

根目录下app.js中globalData内定义userInfo

// app.js

App({
  onLaunch() {},

  globalData: {
    userInfo: {},
  },
});

给userInfo存储获取操作

// index.js
// 获取应用实例
const app = getApp();

Page({
  data: {
    username: "",
  },

  onLoad: function (options) {
    // 存用户信息
    app.globalData.userInfo = {
      // 用户信息
      username: "张三",
    };
  },

  onShow() {
    // 取用户信息
    this.setData({
      nickName: app.globalData.userInfo.nickName,
    });
  },
});

可以在登录成功后将用户信息保存在全局变量中或者是本地缓存中，登录成功后跳转回到用户页面在onShow中获取本地缓存的用户信息或者全局变量中的用户信息，然后再进行渲染即可