微信小程序开发之——用户登录-获取用户信息(5)(1)

说明：

type 的合法值

| 取值 | 说明 |

| :-: | :-: |

| groupName | 拉取群名称 |

| userNickName | 用户昵称 |

| userAvatarUrl | 用户头像 |

| userGender | 用户性别 |

| userCity | 用户所在城市 |

| userProvince | 用户所在省份 |

| userCountry | 用户所在国家 |

| userLanguage | 用户的语言 |

lang的合法值

| 取值 | 说明 |

| :-: | :-: |

| en | 英文 |

| zh_CN | 简体中文 |

| zh_TW | 繁体中文 |

2.2 pages/index/index.wxss

.userinfo {

display: flex;

flex-direction: column;

align-items: center;

color: #aaa;

}

.userinfo-avatar {

overflow: hidden;

width: 128rpx;

height: 128rpx;

margin: 20rpx;

border-radius: 50%;

}

2.3 效果图

三 点击获取用户信息

---

3.1 布局文件(pages/user/user.wxml)

获取头像昵称

{{userInfo.nickName}}

{{userInfo.city}}

{{userInfo.gender 0?“未知”:userInfo.gender1?“男”:“女”}}

说明：

• open-type=“getUserInfo”：获取用户信息，可以从bindgetuserinfo回调中获取到用户信息（小程序插件中不能使用）

3.2 样式文件(pages/user/user.wxss)

.container{

height: 100%;

display: flex;

flex-direction: column;

align-items: center;

justify-content: space-between;

padding: 200rpx 0;

box-sizing: border-box;

}

.userinfo{

display: flex;

flex-direction: column;

align-items: center;

}

.userinfo-avatar{

width: 128rpx;

height: 128rpx;

margin: 20rpx;

border-radius: 50%;

}

.userinfo-nickname{

color:#f00;

}

3.3 逻辑文件(pages/user/user.js)

const app = getApp();

Page({

/**

• 页面的初始数据

*/

data: {

userInfo: {},

hasUserInfo: false

},

getUserInfo: function (e) {

console.log(e.detail.userInfo)

if (e.detail.userInfo) {

this.setData({

userInfo: e.detail.userInfo,

hasUserInfo: true

})

}

},

})

3.4 效果图

输出信息说明

| 取值 | 说明 |

| :-: | :-: |

| avatarUrl | 用户头像的URL地址 |

| nickName | 用户昵称 |

| gender | 用户的性别，0表示未知，1表示男，2表示女 |

| country | 用户所在的国家 |

| provice | 用户所在的省份 |

| city | 用户所在的城市 |

四 登录获取用户信息优化

---

4.1 问题

• 需要在pages/user/user.wxml中点击按钮才能获取用户信息

• 小程序启动时应用授权后，保存用户信息

• 指定页面的onLoad函数，调用app.js中保存的用户信息

4.2 app.js 授权时保存用户数据

尾声

评论里面有些同学有疑问关于如何学习material design控件，我的建议是去GitHub搜，有很多同行给的例子，这些栗子足够入门。

有朋友说要是动真格的话，需要NDK以及JVM等的知识，首现**NDK并不是神秘的东西，**你跟着官方的步骤走一遍就知道什么回事了，无非就是一些代码格式以及原生/JAVA内存交互，进阶一点的有原生/JAVA线程交互，线程交互确实有点蛋疼，但平常避免用就好了，再说对于初学者来说关心NDK干嘛，据鄙人以前的经历，只在音视频通信和一个嵌入式信号处理（离线）的两个项目中用过，嵌入式信号处理是JAVA->NDK->.SO->MATLAB这样调用的我原来MATLAB的代码，其他的大多就用在游戏上了吧，一般的互联网公司会有人给你公司的SO包的。
至于JVM,该掌握的那部分，相信我，你会掌握的，不该你掌握的，有那些专门研究JVM的人来做，不如省省心有空看看计算机系统，编译原理。

一句话，平常多写多练，这是最基本的程序员的素质，尽量挤时间，读理论基础书籍，JVM不是未来30年唯一的虚拟机，JAVA也不一定再风靡未来30年工业界，其他的系统和语言也会雨后春笋冒出来，但你理论扎实会让你很快理解学会一个语言或者框架，你平常写的多会让你很快熟练的将新学的东西应用到实际中。
初学者，一句话，多练。
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门，即可获取！
JVM,该掌握的那部分，相信我，你会掌握的，不该你掌握的，有那些专门研究JVM的人来做，不如省省心有空看看计算机系统，编译原理。**

一句话，平常多写多练，这是最基本的程序员的素质，尽量挤时间，读理论基础书籍，JVM不是未来30年唯一的虚拟机，JAVA也不一定再风靡未来30年工业界，其他的系统和语言也会雨后春笋冒出来，但你理论扎实会让你很快理解学会一个语言或者框架，你平常写的多会让你很快熟练的将新学的东西应用到实际中。
初学者，一句话，多练。
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门，即可获取！