微信小程序学习历程 ：设置默认用户名和头像并在获取到用户数据后更新

        本人也是初次接触微信小程序，无JavaScript和css基础，大部分按照官方文档流程来走还是比较清晰明了的。把遇到的一些官方文档没说清的写法记录下来，希望能对初次接触微信小程序的朋友们有所帮助。

        首先，我想获取微信用户名和头像显示出来，并且在没获取之前自定义默认数据。官方文档其实也是有写的，但是省略了一些东西，对于我这种没基础的还是花了些时间才弄懂。下面给出详细的写法。

        第一步，在对应界面的.wxml文件里写好布局（wxml就是负责定义布局的，不懂建议看一下官方的开发文档，里面有详细讲解）。

           

class="usermotto"可以定义控件具体样式，此处不关键。

bindtap="viewclick" 这个定义事件处理，此处功能是点击之后设置用户名和头像，具体对应的代码后面会贴出。

至于getuserinfo.name和getuserinfo.img便是我们需要获取的数据了。

        第二步，在.js文件里面写处理逻辑

在data里面申明好默认数据，对应目录下放入默认图片

这就事件处理逻辑，处理第一步中申明的viewclick点击事件。

简单2步完成，下面来看打印和结果：

默认界面

点击后

打印结果

console.log(app.globalData.userInfo);打印了获取到的信息，除了用户名和头像还能获取语言，城市等信息。

        好了，这个简单的功能就实现了。希望有帮到刚接触这个的小伙伴们