天气查询小程序

最新推荐文章于 2024-08-20 13:51:20 发布
最新推荐文章于 2024-08-20 13:51:20 发布
阅读量1.1k 收藏 15
点赞数
分类专栏： 微信小程序 文章标签： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48683410/article/details/107636867
版权
这篇博客介绍了如何使用小程序的picker组件和和风天气API实现天气查询功能。首先讲解了picker组件的使用，特别是mode='region'时的省市区选择器。接着详细阐述了获取和风天气API的key并设置request合法域名的过程。在代码实现部分，提到了app.json, index.wxml, index.wxss和index.js的配置。功能介绍中，解释了如何通过bindchange事件触发天气更新，并利用wx.request进行网络请求。最后展示了界面效果。" 70676164,5832932,项目管理：变更申请与可行性分析的专业英语,"['项目管理', '英语', '沟通技巧', '变更控制', '专业术语']
摘要由CSDN通过智能技术生成

目录

1.前期准备

1.1picker组件

picker是从底部弹起的滚动选择器组件，目前根据mode属性值的不同共支持5种选择器，分别是普通选择器，多列选择器，时间选择器，日期选择器，省市区选择器。若省略mode值不写，则默认效果是普通选择器。

在这里插入图片描述
在这里插入图片描述
除了上述通用的属性，对于不同的mode，picker拥有不同的属性。
这个小程序主要使用的是当mode=’region’时的省市区选择器效果（最低版本为1.4.0）

在这里插入图片描述

1.2网络API

和风天气：提供的API接口
根据网站的相关代码提示和接口信息制作url
回到微信公众平台，添加服务器域名

步骤：
（1）百度搜索 “和风天气官网”

最低0.47元/天 解锁文章
weixin_48683410
关注
专栏目录
简易天气查询的微信小程序源码
09-19
自己写的简易的天气预报查询小程序，用的是百度地图定位和百度天气，没有服务端
[原创]天气查询小程序
03-20 152
本程序通过中国天气网提供的接口实现天气的查询 程序源码托管至Google Code：https://code.google.com/p/sharemyjavaprojects/ 转载于:https://www.cnblogs.com/yinger/archive/2012/03/20/2407966.html...
创建一个可以查询城市天气的微信小程序
最新发布
m0_74031588的博客
08-20 729
创建一个微信小程序，可以查询国内各地天气情况。
小程序实现查询天气功能
richest_qi的博客
07-29 508
高德开放平台注册成为开发者 高德开放平台提供的天气查询能力 详见天气查询API文档。 申请key 应用管理>我的应用，创建新应用 应用名称：weather_app（自定义） 应用类型：选择“天气” 创建完应用后，在应用下添加Key Key名称：weather_query（自定义） 服务平台：选择“Web服务” IP白名单：可不填写 设置安全通信域名 为了保证天气查询接口在小程序中能正常调用，需要设置安全域名。 登录微信公众号，开发>开发管理>开发设置，服务器域名中配置reque
python写的天气查询小程序
07-27
python写的天气查询小程序 这是用python写的天气查询小程序。默认查询北京天气，不过可以带一个地点的参数。由于这是本人为自己写的小工具，所以是在命令行下显示的，没有什么绚丽的界面，还望要求高的童鞋勿喷
小程序源码 天气预报 (代码+截图)
06-19
小程序源码 天气预报 (代码+截图)小程序源码 天气预报 (代码+截图)小程序源码 天气预报 (代码+截图)小程序源码 天气预报 (代码+截图)小程序源码 天气预报 (代码+截图)小程序源码 天气预报 (代码+截图)小程序源码 ...
简单的各地天气查询小程序
04-01
"简单的各地天气查询小程序" 这个标题揭示了我们即将讨论的是一个轻量级的应用程序，主要用于获取并展示不同地区的天气信息。它可能是基于Android平台开发的，因为标签中提到了"Android"，这暗示了它是为智能手机或...
天气预报微信小程序源码
06-30
4. 小程序背景颜色修改(默认4个) 技术： 1. vue 2. uniapp 代码说明： 1. 替换 project.config.json 文件中 第 44行 appid 为 你的wx小程序id 2. 替换 .\common 目录下 vendor.js 文件第 22050 行“applicationKey”...
天气预报小程序
09-14
实现天气预报查询，有天气预报接口，实现天气预报查询，有天气预报接口，
天气查询微信小程序
weixin_51734087的博客
08-18 2280
可以用来查询天气的微信小程序
微信小程序之天气查询
hywhjj的博客
08-06 4713
本次小项目参考了B站的视频，链接为https://www.bilibili.com/video/BV1i4411c7dU?p=12 但由于这个视频是去年录制的，所以今年使用的时候，发现有一些地方与视频不一致，主要有两点： API访问查询方式不一致：视频中只需提供地址即可获得天气数据，而现在需要提供城市的Location ID才能访问，而Location ID需要另一个API访问，总共有两个； 天气ID不一致：API访问之后得到的天气ID有变化，因此如果直接用链接提供的天气图标会出现错误，需要重新下载天
移动软件开发实验二——天气查询小程序
Karthus77的博客
08-17 347
移动软件开发实验二
小程序实现天气预报查询
scy_fighting的博客
06-26 3845
最近在看小程序的开发，虽然好多人已经都会了，但是我刚刚接触，理解不够，所以编写一些简单的小例子来一步步深入理解。在网上找了一个天气预报的api，然后注册了一下，一共有500次免费的机会。暂时还是够用的。哈哈。附上截图哈：第一张为初始进入小程序；第二张为查询结果。可能大神们觉得我这个有点简单，但是我刚刚开始起步嘛，所以还是要记录一下的哈。说一下思路：1、确定页面布局，一个输入框（用于输入城市的名字）...
第七章：在小程序里查询天气（上）
cloud_minapp的博客
10-31 700
作者：知晓云 - 小程序开发快人一步 来源：知晓课堂 在本章节，我们会带领大家开发一个基于地理位置查询天气的小程序。通过本章节，你会学习使用小程序位置 API、map 地图组件，wx.request() API等。 页面构建 我们开发的小程序有两个页面：天气详情页面和地图页面，天气详情页面用于查看指定城市的天气状况，而地图页面用于选取城市。两个页面通过底栏 tab 来相互切换。 天气详情页面 这...
用python创建桌面天气查询小程序
06-10
要使用 Python 创建桌面天气查询小程序，可以利用第三方 API 获取天气信息，然后使用 Tkinter 创建 GUI 界面，将获取到的天气信息显示在界面上。 以下是一个简单的示例程序，使用了和风天气 API 获取天气信息，使用了 Tkinter 创建 GUI 界面： ```python import tkinter as tk import requests # 和风天气 API 的 URL url = "https://free-api.heweather.net/s6/weather/now" # 在和风天气网站上申请的 API Key key = "your_api_key" # 创建窗口 window = tk.Tk() window.title("天气查询") window.geometry("400x300") # 创建标签和输入框 city_label = tk.Label(window, text="请输入城市名称：") city_label.pack() city_entry = tk.Entry(window) city_entry.pack() # 创建查询按钮 def get_weather(): # 获取用户输入的城市名称 city = city_entry.get() # 发送 API 请求，获取天气信息 params = {"location": city, "key": key} response = requests.get(url, params=params) data = response.json() # 解析天气信息 weather = data["HeWeather6"][0]["now"]["cond_txt"] temperature = data["HeWeather6"][0]["now"]["tmp"] # 在标签中显示天气信息 result_label["text"] = f"{city}的天气：{weather}，温度：{temperature}℃" query_button = tk.Button(window, text="查询", command=get_weather) query_button.pack() # 创建显示天气信息的标签 result_label = tk.Label(window, text="") result_label.pack() # 启动消息循环 window.mainloop() ``` 需要注意的是，这个示例程序只是一个简单的演示，实际应用中还需要考虑很多其他因素，比如异常处理、用户输入验证等。另外，和风天气 API 并不是免费的，需要在其网站上申请 API Key 才能使用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值