获取应用实例

var app = getApp()

Page({

data: {

//加载状态

loadingHidden: false,//当前温度

currentTemperature: '',//夜间温度

nightAirTemperature: '',//白天温度

dayAirTemperature: '',//当前天气

weather: '',//污染指数

aqi: '',//污染程度

quality: '',//风力

windPower: '',//风向

windDirection: '',//因为数据返回不是数组所以要自己封装一个数组

list: [],height: 0,},onLoad: function () {

console.log('onLoad')

var that = this

//100%好像不好使 可以获取设备高度

wx.getSystemInfo({

success: function (res) {

that.data.height = res.windowHeight;

}

})

wx.getLocation({

success: function (res) {

//通过经纬度请求数据

wx.request({

//这个网站有免费API赶紧收藏

url: 'http://route.showapi.com/9-5',data: {

showapi_appid: '11697',showapi_sign: '6c0c15c5ec61454dac5288cea2d32881',//

from: '5',lng: res.longitude,lat: res.latitude,//获取一周情况 0是不获取

needMoreDay: '1',needIndex: '1'

},success: function (res) {

console.log(res)

console.log(res.data.showapi_res_body.now.api)

that.setData({

//改变加载状态

loadingHidden: true,currentTemperature: res.data.showapi_res_body.now.temperature,nightAirTemperature: res.data.showapi_res_body.f1.night_air_temperature,dayAirTemperature: res.data.showapi_res_body.f1.day_air_temperature,weather: res.data.showapi_res_body.now.weather,aqi: res.data.showapi_res_body.now.aqi,quality: res.data.showapi_res_body.now.aqiDetail.quality,windPower: res.data.showapi_res_body.now.wind_power,windDirection: res.data.showapi_res_body.now.wind_direction,//拼接数组

list: [

{

'day_weather_pic': res.data.showapi_res_body.f1.day_weather_pic,'weekday': res.data.showapi_res_body.f1.weekday,'day_air_temperature': res.data.showapi_res_body.f1.day_air_temperature,'night_air_temperature': res.data.showapi_res_body.f1.night_air_temperature

},{

'day_weather_pic': res.data.showapi_res_body.f2.day_weather_pic,'weekday': res.data.showapi_res_body.f2.weekday,'day_air_temperature': res.data.showapi_res_body.f2.day_air_temperature,'night_air_temperature': res.data.showapi_res_body.f2.night_air_temperature

},{

'day_weather_pic': res.data.showapi_res_body.f3.day_weather_pic,'weekday': res.data.showapi_res_body.f3.weekday,'day_air_temperature': res.data.showapi_res_body.f3.day_air_temperature,'night_air_temperature': res.data.showapi_res_body.f3.night_air_temperature

},{

'day_weather_pic': res.data.showapi_res_body.f4.day_weather_pic,'weekday': res.data.showapi_res_body.f4.weekday,'day_air_temperature': res.data.showapi_res_body.f4.day_air_temperature,'night_air_temperature': res.data.showapi_res_body.f4.night_air_temperature

},{

'day_weather_pic': res.data.showapi_res_body.f5.day_weather_pic,'weekday': res.data.showapi_res_body.f5.weekday,'day_air_temperature': res.data.showapi_res_body.f5.day_air_temperature,'night_air_temperature': res.data.showapi_res_body.f5.night_air_temperature

},{

'day_weather_pic': res.data.showapi_res_body.f6.day_weather_pic,'weekday': res.data.showapi_res_body.f6.weekday,'day_air_temperature': res.data.showapi_res_body.f6.day_air_temperature,'night_air_temperature': res.data.showapi_res_body.f6.night_air_temperature

},{

'day_weather_pic': res.data.showapi_res_body.f7.day_weather_pic,'weekday': res.data.showapi_res_body.f7.weekday,'day_air_temperature': res.data.showapi_res_body.f7.day_air_temperature,'night_air_temperature': res.data.showapi_res_body.f7.night_air_temperature

}

]

})

}

})

}

})

}

})

c语言写天气预报程序,微信小程序实现天气预报功能相关推荐

  1. Evento 易语言web服务框架 微信小程序 微信支付 微信JSAPI调用

    Evento 易语言web服务框架使用说明 前言: 为什么要有这个东西,C/S构架在十多年前就已经开始向主流的B/S构架转型,其中在易语言WEB应用也不泛优秀的例程和应用.官方出了针对IIS开发的IS ...

  2. 分享下自己写的一个微信小程序请求远程数据加载到页面的代码

    分享下自己写的一个微信小程序请求远程数据加载到页面的代码 1  思路整理 就是页面加载完毕的时候  请求远程接口,然后把数据赋值给页面的变量 ,然后列表循环 2 js相关代码  我是改的 onload ...

  3. 小程序--微信小程序使用阿里巴巴矢量库图标

    小程序–微信小程序使用阿里巴巴矢量库图标 2020年4月20日 阿里巴巴矢量库 1.导图 1.1下载图标项目 注:项目默认引用名是iconfont,我这里改成了font,所以我引用的第一个class是 ...

  4. 微信小程序----微信小程序浏览pdf文件

    微信小程序----微信小程序浏览pdf文件 说明:通过wx.downloadFile,wx.openDocumen来实现打开pdf文件.只需在js操作即可. HTTP.Config.Request(' ...

  5. 微信小程序—微信小程序端支付代码

    只有微信小程序端的代码,如下 Page({data: {},onLoad: function (options) {// 页面初始化 options为页面跳转所带来的参数var that = this ...

  6. 小程序 | 微信小程序实现商品分类列表

    小程序 | 微信小程序实现商品分类列表 一.效果展示 二.代码实现 <!-- wxml --> <view class="container"> <! ...

  7. 生鲜小程序 微信小程序怎么制作 临沂修齐网络专业制作微信小程序

    生鲜小程序 微信小程序怎么制作 临沂修齐网络专业制作微信小程序 生鲜小程序开发功能介绍: 1.产品展示:通过扫码或者搜索小程序,用户可以看到不同品种的新鲜蔬菜.水果以及肉类. 2.定时收货:买家可以预 ...

  8. 小程序 | 微信小程序中使用位置API打开地图

    小程序 | 微信小程序中使用位置API打开地图 一.效果展示 二.代码实现 使用微信内置地图查看位置,调用wx.openLocationAPI,具体内容可以查看微信官方文档. // js let In ...

  9. 小程序 | 微信小程序实现循环嵌套数据选择

    小程序 | 微信小程序实现循环嵌套数据选择 一.效果展示 二.代码实现 在.wxml文件中,有时从后台传来的数据可能会出现数组嵌套数组的情况,需要利用wx:for嵌套实现数据的展示.这时,外层循环正常 ...

  10. python语言小程序-微信小程序可以用Python语言编写吗?

    Q: 微信小程序可以用Python语言编写吗? A: 小程序一般开发HTML.CSS.JS,需要后台开发就需要PHP,MySQL等了.你说的这种语言开发小程序不好使.如果你不想学更多,建议你找一家专业 ...

最新文章

  1. 在 StringGrid 上画线时, 使用 GDI+ 以消除锯齿 - 回复 gsjn_8888_6666 的问题
  2. select case语句举例_图解Go select语句原理
  3. Bean的id、name、ref、refid
  4. 2.4 矩阵乘以矩阵定义
  5. php 组装二维数组,php实现快速对二维数组某一列进行组装的方法小结
  6. Base64 的那些事儿
  7. VC++常见错误原因解析之error LNK2019: 无法解析的外部符号 public: void __thiscall
  8. apue学习笔记(第六章 系统数据文件和信息)
  9. 七年布局Cloud OS,微软将再创云产业新高
  10. 计算机公共基础课网络教学平台,“计算机基础”教学中网络教学平台应用研究.doc...
  11. 求过度矩阵+(二次型标准化)正交变换的过度矩阵
  12. 亲密关系(二、月晕现象)
  13. PIXI.JS一镜到底动画
  14. 使用ffmpeg修改视频文件的分辨率
  15. 小样本学习(few-shot learning)之——原形网络(Prototypical Networks)
  16. Unity 灯光系统详解
  17. 解压文件时文件名出现菱形问号������解决方案
  18. nginx解决浏览器跨域问题_Nginx 反向代理解决浏览器跨域问题
  19. css5辅助线,苦练 CSS 基本功——图解辅助线的原理和画法
  20. 传国宝玺 第三部 巴山藏宝洞 第三十四章 千魂魈

热门文章

  1. python爬取天气预报源代码_python抓取天气并分析 实例源码
  2. python图形界面库哪个好_8个必备的Python GUI库
  3. length函数的头文件_Framebuffer 应用编程中涉及的 API 函数
  4. Win7搭建NodeJs开发环境以及HelloWorld展示—图解
  5. Win10配置VSCode+Opencv3(C++) GCC环境
  6. CentOS7 源码编译安装Python3 shell脚本
  7. java不同类间调用数组_请问:JAVA中两个类中的方法都需要调用另一个类的数组进行对数组的初始化和调用。...
  8. 阶乘取模算法java_np问题(大数阶乘取模)
  9. 硬解析优化_72最近一次现场生产系统优化的成果与开发建议
  10. java 反射调用方法_java的反射机制,以及通过反射获取方法,变量等操作