本人也是初次接触微信小程序,无JavaScript和css基础,大部分按照官方文档流程来走还是比较清晰明了的。把遇到的一些官方文档没说清的写法记录下来,希望能对初次接触微信小程序的朋友们有所帮助。
首先,我想获取微信用户名和头像显示出来,并且在没获取之前自定义默认数据。官方文档其实也是有写的,但是省略了一些东西,对于我这种没基础的还是花了些时间才弄懂。下面给出详细的写法。
第一步,在对应界面的.wxml文件里写好布局(wxml就是负责定义布局的,不懂建议看一下官方的开发文档,里面有详细讲解)。
class="usermotto"可以定义控件具体样式,此处不关键。
bindtap="viewclick" 这个定义事件处理,此处功能是点击之后设置用户名和头像,具体对应的代码后面会贴出。
至于getuserinfo.name和getuserinfo.img便是我们需要获取的数据了。
第二步,在.js文件里面写处理逻辑
在data里面申明好默认数据,对应目录下放入默认图片
这就事件处理逻辑,处理第一步中申明的viewclick点击事件。
简单2步完成,下面来看打印和结果:
默认界面 点击后 打印结果console.log(app.globalData.userInfo);打印了获取到的信息,除了用户名和头像还能获取语言,城市等信息。
好了,这个简单的功能就实现了。希望有帮到刚接触这个的小伙伴们
网友评论