天气查询小程序

最新推荐文章于 2024-02-19 21:38:32 发布
最新推荐文章于 2024-02-19 21:38:32 发布
阅读量122 收藏
点赞数
文章标签： 小程序 微信小程序 微信
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_61354632/article/details/126440301
版权
这篇实验报告详述了作者在2022年夏季《移动软件开发》课程中，使用微信小程序开发天气查询应用的过程。主要目标是掌握服务器域名配置、wx.request接口及天气API的使用。实验步骤包括API获取、项目创建、页面配置、视图设计和逻辑实现。作者在实验中遇到并解决了URL错误、图像显示等问题，通过实践提升了开发技能。
摘要由CSDN通过智能技术生成

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

一、实验目标

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

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

二、实验步骤

2.1 准备API和服务器域名配置

选择和风天气API，从官网获取https://dev.qweather.com/

进行注册，申请个人认证key[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-l553NrEX-1660980071914)(/Users/songziang/Library/Containers/com.softwareambience.Unclutter/Data/Library/Application Support/Unclutter/FileStorage/截屏2022-08-17 14.07.11.png)]

在微信小程序开发网站添加服务器域名地址https://devapi.qweather.com

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-2quLHR4d-1660980071915)(/Users/songziang/Library/Application Support/typora-user-images/截屏2022-08-17 14.10.30.png)]

获取请求URL：

截屏2022-08-17 16.44.10

2.2 项目创建

和实验一的创建过程相同

填写好项目名称、目录、ID、开发模式、后端服务等。

2.3 页面配置

同实验一进行创建页面文件->删除和修改文件；

之后创建其他文件&

最低0.47元/天 解锁文章
m0_61354632
关注
小程序《天气预报》-带后台
04-30
小程序《天气预报》-带后台。
微信小程序实战04-天气
qq_44093294的博客
04-25 201
天气微信小程序 学习来源：微信小程序2019快速入门+四个实战小程 这是其中第二个小程序 天气的设置 相较于原视频 增加了功能：获取用户当前所在地址 主要涉及微信小程序Location相关API: wx.getLocation(Object object) wx.chooseLocation(Object object) 附：小程序源代码GIT地址 ...
实现一个城市天气查询功能的小程序
Farel的博客
05-08 1060
通过访问API接口获取天气数据，制作一个简单的城市天气查询功能的小程序
python写的天气查询小程序
07-27
python写的天气查询小程序 这是用python写的天气查询小程序。默认查询北京天气，不过可以带一个地点的参数。由于这是本人为自己写的小工具，所以是在命令行下显示的，没有什么绚丽的界面，还望要求高的童鞋勿喷
简单的各地天气查询小程序
04-01
"简单的各地天气查询小程序" 这个标题揭示了我们即将讨论的是一个轻量级的应用程序，主要用于获取并展示不同地区的天气信息。它可能是基于Android平台开发的，因为标签中提到了"Android"，这暗示了它是为智能手机或...
小程序源码 天气预报 (代码+截图)
06-19
小程序源码 天气预报 (代码+截图)小程序源码 天气预报 (代码+截图)小程序源码 天气预报 (代码+截图)小程序源码 天气预报 (代码+截图)小程序源码 天气预报 (代码+截图)小程序源码 天气预报 (代码+截图)小程序源码 ...
天气预报微信小程序源码
06-30
4. 小程序背景颜色修改(默认4个) 技术： 1. vue 2. uniapp 代码说明： 1. 替换 project.config.json 文件中 第 44行 appid 为 你的wx小程序id 2. 替换 .\common 目录下 vendor.js 文件第 22050 行“applicationKey”...
毕设项目-天气小程序
mon_star°的博客
05-30 470
毕设项目-天气小程序 介绍 一个界面简洁美观的天气微信小程序。 本小程序已在微信中发布，目前也还在运营（其实就是偶尔更新下）。 截图 开发环境 微信开发者工具 Stable 使用说明 AppID 首次导入项目需要设置 AppID，没有的话可以直接使用测试号。 天气数据 本小程序里使用的天气数据来源于第三方提供的 API。 使用易源数据 我用的是易源数据-全国天气预报查询（这个 API 是有免费试用套餐的）。 1、购买成功后在管理控制台页面获
天气小程序
踢足球的小白的博客
08-20 281
天气小程序
实验2：天气查询小程序
m0_53057170的博客
08-19 257
天气查询小程序
响应式网页开发(自适应页面)
最新发布
桃之夭夭的博客
02-19 1838
1 响应式的概念(自适应页面)随着移动终端的兴起，多种页面规格出现，用户各种需求增加，我们需要通过响应式让用户在不同的终端看到接近相同的内容。响应式也叫作”自适应页面”，可以根据浏览设备的不同，改变不同的布局 文本 图片等的效果特点：使用一套html结构，根据终端检查变化(宽度),同时使用”媒体查询”,将不同宽度的CSS加入到不同的媒体查询中，随着页面宽度的变化，改变布局样式2. 设备的宽度。
微信小程序：简单实现查看天气小程序
weixin_51437539的博客
03-26 1748
一个简易版查看各个城市天气的小程序（和风天气api）
微信小程序之天气预报
Inite的博客
07-10 1万+
入门小程序之后跟着视频做了一个简易版的“天气预报”，在手机运行的话能准确定位所在城市并查询到相应的天气状况，页面就一个，功能也不复杂，主要调用了百度地图api查询所在位置和和天气api根据城市查询天气。效果图如下： 目录结构如下：  注册完百度地图api之后直接登录创建应用，如下图所示：  百度：https://www.heweather.com 之后注册登录
前端部分基础习题
热门推荐
GZHGK的博客
11-19 7万+
一.HTML 1.DOCTYPE 的作用是什么？标准模式与兼容模式各有什么区别? 你知道多少种Doctype文档类型 声明文档的解析类型(document.compatMode)，避免浏览器的怪异模式。 !DOCTYPE是一种标准通用标记语言的文档类型声明，它的目的是要告诉浏览器它应该使用什么样的文档类型定义（DTD）来解析文档。 标准模式，浏览器按照W3C的标准解析渲染页面，这样一来，你的页面在所有的浏览器里显示的就都是一个样子了。标准模式的排版 和 JS运作模式都是以该浏览器支持的最高标准运行。在
HTML5 CSS3面试题
weixin_30768175的博客
03-27 680
一.CSS3有哪些新特性？ 1. CSS3实现圆角（border-radius），阴影（box-shadow）， 2. 对文字加特效（text-shadow、），线性渐变（gradient），旋转（transform） 3.transform:rotate(9deg) scale(0.85,0.90) translate(0px,-30px) skew(-9deg,0deg);// 旋转,缩...
用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、付费专栏及课程。

余额充值