美文网首页
微信小程序学习历程 :设置默认用户名和头像并在获取到用户数

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

作者: 潇_夏 | 来源:发表于2020-06-30 11:19 被阅读0次

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

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

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

               

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

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

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

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

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

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

    简单2步完成,下面来看打印和结果:

    默认界面 点击后 打印结果

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

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

    相关文章

      网友评论

          本文标题:微信小程序学习历程 :设置默认用户名和头像并在获取到用户数

          本文链接:https://www.haomeiwen.com/subject/oimtqktx.html