Skip to content

2022年夏移动软件开发,实验2:天气查询小程序

Notifications You must be signed in to change notification settings

ExistoT01/mobileSoftwareDesign-lab2

Repository files navigation

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

姓名:叶鹏 学号:20020007095
姓名和学号 叶鹏,20020007095
本实验属于哪门课程 中国海洋大学22夏《移动软件开发》
实验名称 实验2:天气查询小程序
博客地址 Click me if you can
Github仓库地址 You won't miss that

(备注:将实验报告发布在博客、代码公开至 github 是 加分项,不是必须做的)

一、实验目标

1、学习使用快速启动模板创建小程序的方法;2、学习不使用模板手动创建小程序的方法。

二、实验步骤

  1. 准备工作

    1. API密钥申请

      申请账号,新建应用,获取key

      image-20220818194138636
    2. API调用方法

      image-20220818194626775
    3. 服务器域名配置

      image-20220818195244981 image-20220818195358009
  2. 项目创建

    image-20220818195829354
  3. 页面配置

    image-20220818200022805 image-20220818200034134
  4. 视图设计

    1. 导航栏设计

      image-20220818200206447 image-20220818200218285
    2. 页面设计

      1. 背景容器样式

        image-20220818200719429
      2. 地区选择器设计

        image-20220818200857750 image-20220818200906783
      3. 文本设计

        image-20220818201507114 image-20220818201516072
      4. 天气图标设计

        image-20220818201912070 image-20220818201924786
      5. 多行天气信息设计

        image-20220818202759759 image-20220818202808851
  5. 逻辑实现

    1. 更新省市区信息

      image-20220818203603836 image-20220818203616549
    2. 获取实况天气数据

      image-20220818210038510
    3. 更新页面天气信息

      image-20220818210710522 image-20220818210729239

三、程序运行结果

列出程序的最终运行结果及截图。

image-20220818210739649

image-20220818210802847

四、问题总结与体会

本次实验制作了一个天气查询的小程序,在写程序的过程中学习到了request请求和utils模块的使用,了解到了api请求获取数据的过程,最终完成了一个可以查询全国城市天气的小程序,过程十分有趣。

About

2022年夏移动软件开发,实验2:天气查询小程序

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published