201711671226 信管1172 实训总结三

1.把整个“地图”页面变成地图（没有实现定位点有经纬度显示）

HTML代码

<view style='width:100%;height:100%'>

<map markers="{{markers}}" longitude="{{longitude}}" latitude="{{latitude}}" scale="15" style='width:100%;height:100%' show-location='true' show-compass='true' bindmarkertap='{{markers}}' ></map>

</view>

2.在“我的” 页面调用微信小程序里的方法，把用户头像、用户名称做一个列表
3.调用微信小程序的接口获取你的手机信息，在“我的” 页面里把手机信息展示出来（包括手机型号、手机系统、分辨率）

 

wxml部分代码

<view>手机型号：{{mobileModel}}</view>

<view>手机像素比：{{mobileePixelRatio}}</view>

<view>窗口宽度：{{windowWidth}}{{windowHeight}}</view>

<view>手机设置的语言：{{language}}</view>

<view>手机版本号：{{version}}</view>

<view>手机平台：{{platform}}</view>

<view>手机系统及版本: {{system}}</view>

 

部分js代码

onLoad: function () {

var that = this;

wx.getSystemInfo({

success: function (res) {

that.setData({

mobileModel: res.model,

mobileePixelRatio: res.pixelRatio,

windowWidth: res.windowWidth,

windowHeight: res.windowHeight,

language: res.language,

version: res.version,

platform: res.platform,

system: res.system

})

}

})

 

学习总结

今天继续进行项目演示，主要是了解了微信小程序开发的组件和API接口如何使用，以及如何在页面中体现出来，发现的问题有

1. 组件和接口功能多且杂，需要慢慢去理解，一个个去尝试，不然过一段时间又会忘记.

2.留的作业中让我们去尝试弄出新的功能在上面，我照着老师的视频来试，发现不能实现效果，后来在查找资料以及多方尝试下才弄出结果，老师没有讲到方方面面，有些东西还是需要自己去摸索的，希望接下来可以做好。