实训内容:
今天主要学习微信小程序的一些组件和API,尝试在微信小程序获取用户信息(头像、昵称)和位置信息(包括经纬度的信息)。
任务:
在微信小程序中创建两个页面:“我的”、“地图”。在“我的” 页面调用微信小程序里的方法,把用户头像、用户名称做一个列表,调用微信小程序的接口获取你的手机信息,在“我的” 页面里把手机信息展示出来(包括手机型号、手机系统、分辨率)。把整个“地图”页面变成地图(最好有浮标定位到当前位置)
结果截图
总结:
不知道如何获取手机的分辨率,只是能够获取手机的的像素比、窗口高度和窗口宽度。
按照今天老师讲的内容和任务,这个小程序应该做成三个页面的,分别是“首页”、“我的”、“地图”。因为在新建一个小程序的时候,首页会默认通过按钮获取用户的的头像和昵称,所以我偷懒把“首页”改为“我的”,并在这些文件添加获取手机信息的代码。不过还有一个问题就是用这个方法一打开小程序就会显示这个被我改动后的“我的”页面。
做“地图”页面的话,我参照了老师上课时所用的代码,(我也不明白为什么会定位到非洲那边了)可能是那个时候编译出了问题,每当点击“地图”时,会弹出窗口
“getLocation需在app.json中声明permission字段”。
问了下度娘,在app.json中添加
"permission":{
"scope.userLocation":{
"desc":"你的位置信息将用于小程序位置接口的效果展示"
}
}
之后就能成功定位了。(相关原理还要继续钻研钻研)
刚开始做的时候地图上没有浮标,原来是没有在map.wxml中用到show-location=’true’,它的默认值为‘false’。
day3的实训日志又发晚了。作为菜鸟的我每天都在咬牙完成这些实训任务。刚刚老师说一不小心今天(Day4)就讲到了Day7的内容了,看来我还是要提高一下学习效率了。