OUC_2022年夏季《移动软件开发》实验报告-实验2

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

实验名称:

实验 2 :天气查询小程序

博客地址:

https://blog.csdn.net/Postlude

Github仓库地址:

https://github.com/Postlude-cc/OUC_Mobile-Softawre-Development

一、实验目标

1 、掌握服务器域名配置和临时服务器部署

2 、掌握 wx.request 接口的用法

二、实验步骤

导航栏

OUC_2022年夏季《移动软件开发》实验报告-实验2_第1张图片

地区选择器

OUC_2022年夏季《移动软件开发》实验报告-实验2_第2张图片

设计页面基本布局:

OUC_2022年夏季《移动软件开发》实验报告-实验2_第3张图片OUC_2022年夏季《移动软件开发》实验报告-实验2_第4张图片

编写地区选择函数 进行地区的动态更新
OUC_2022年夏季《移动软件开发》实验报告-实验2_第5张图片OUC_2022年夏季《移动软件开发》实验报告-实验2_第6张图片OUC_2022年夏季《移动软件开发》实验报告-实验2_第7张图片OUC_2022年夏季《移动软件开发》实验报告-实验2_第8张图片

接下来使用 wx.request 编写获取实时天气的接口函数

OUC_2022年夏季《移动软件开发》实验报告-实验2_第9张图片在这里插入图片描述

接下来将获得数据传入data 中的 now 对象中:
OUC_2022年夏季《移动软件开发》实验报告-实验2_第10张图片

将所有数据替换为接受变量:

OUC_2022年夏季《移动软件开发》实验报告-实验2_第11张图片OUC_2022年夏季《移动软件开发》实验报告-实验2_第12张图片

最后通过地区选择器即可切换城市

三、程序运行结果

结果如下:

OUC_2022年夏季《移动软件开发》实验报告-实验2_第13张图片OUC_2022年夏季《移动软件开发》实验报告-实验2_第14张图片

四、问题总结与体会

通过本次第二个小程序实验,我成功的使用wx.request 函数接口得到了实时天气预报的数据。本次实验的成功使我对微信小程序的开发有了进一步的认识与了解,同时也让我对小程序开发更加的感兴趣。本次实验遇到的主要问题在于一开始使用 wx.request 请求时,提示 url 未在后台添加,后面经过排查发现是测试号的问题。

你可能感兴趣的:(OUC_移动软件开发,javascript,css)