移动软件开发实验二——天气查询小程序

2022年夏季《移动软件开发》实验报告

一、实验目标

1、掌握服务器域名配置和临时服务器部署;2、掌握wx.request接口的用法

二、实验步骤

1.API密钥申请

移动软件开发实验二——天气查询小程序_第1张图片

2. API确定

移动软件开发实验二——天气查询小程序_第2张图片
移动软件开发实验二——天气查询小程序_第3张图片

先利用picker获取城市,然后得到城市ID之后利用天气接口获取天气即可

3.服务器域名配置

移动软件开发实验二——天气查询小程序_第4张图片

4.页面配置

移动软件开发实验二——天气查询小程序_第5张图片

5.视图设计

移动软件开发实验二——天气查询小程序_第6张图片

三、程序运行结果

API成果获取信息

移动软件开发实验二——天气查询小程序_第7张图片
移动软件开发实验二——天气查询小程序_第8张图片

四、问题总结与体会

​ 在实验的过程中发了JS文件中不同变量的作用域问题,理解了在函数声明

var that =this

的作用,this在调用wx.request之前是所在的page,由于在接口返回信息中需要使用page对象,而此时的this变成了wx,因此需要保存that

本次实验使得我进一步熟悉了js与html,对于flex弹性布局的理解进一步加深了

你可能感兴趣的:(小程序)