Giter VIP home page Giter VIP logo

mobilesoftwaredesign-lab2's Introduction

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请求获取数据的过程,最终完成了一个可以查询全国城市天气的小程序,过程十分有趣。

mobilesoftwaredesign-lab2's People

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.