Python+微信小程序开发（四）页面跳转和获取用户信息

上一篇已经介绍了如何搭建一个自己的静态页面，接下来则涉及到一些用户信息获取与跳转的操作。

首先新建一个跳转页面，按上篇的操作生成pages/redirect/redirect。

在pages/index/index.wxml添加如下代码：

点我跳转

在pages/index/index.js添加如下代码：

Page({
...

    clickMe:function(e){
        var nid = e.currentTarget.dataset.nid;
        console.log(nid);
        wx.navigateTo({
            url: '/pages/redirect/redirect?id='+nid
            })
    }
})

其中bindtap绑定事件，data-后面接想要传递的参数，效果如下：

跳转到的页面如果想要接受参数，可以在onLoad方法中接受。

在redirect.js中接受：

Page({

    onLoad: function (options) {
    console.log(options);
}
})

注意事项：只能跳转到非tabbar的页面。

 这个方法比较简单。

在pages/index/index.wxml添加如下代码：

跳转到新页面

效果如下： 

在 pages/redirect/redirect.wxml 中添加以下代码：

数据1：{{message}}

在 pages/redirect/redirect.wxss 添加以下代码：

data: {
     message:"Yunlord",
}

效果如下：

数据2：{{message}}
点击修改数据

在 pages/redirect/redirect.wxss 添加以下代码：

Page({
    data: {
    message:"Yunlord",
    },
    changedata:function(){
    // 修改数据
    this.setData({ message: "Yunlord的自我介绍"});
}
})

效果如下：

在 pages/redirect/redirect.wxml 中添加以下代码：

主要用到wx.getUserProfile(）函数

 获取头像昵称 

 在 pages/redirect/redirect.wxss 添加以下代码：

var that=this
wx.getUserProfile({
    desc: '用于完善会员资料', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写
    success: (res) => {
    console.log(res.userInfo)
    that.setData({
        name: res.userInfo.nickName,
        path: res.userInfo.avatarUrl
    })
    }
})

效果如下：

在 pages/redirect/redirect.wxml 中添加以下代码：

{{localPath}}

在 pages/redirect/redirect.wxss 添加以下代码：

getLocalPath:function(){
    var that = this;
    wx.chooseLocation({
        success: function(res) {
            that.setData({localPath:res.address});
        },
    })
},

这样一个获取个人信息的小程序就完成了！！！

欢迎关注『从零开始Python+微信小程序开发』系列，持续更新中。

需要详细代码和交流的小伙伴们可以关注下方链接。