首页 > 编程语言 >杰森气象——实况天气小程序(内附完整源码)

杰森气象——实况天气小程序(内附完整源码)

时间:2023-06-18 18:33:00浏览次数:50  
标签:定位 内附 城市 天气 查询 api 杰森 源码

项目介绍

当今社会,天气的变化对我们的生活产生着越来越大的影响。为了更好地了解天气状况,越来越多的人开始使用天气查询小程序。今天,介绍的是一款实用的天气查询小程序——杰森气象

杰森气象是一款功能强大的天气查询小程序,它可以帮助我们随时了解天气状况,包括实时天气、预警信息、搜索定位、自动获取定位、7日天气预报、24h天气预报等功能。

实时天气查询功能。通过输入城市名称或选择定位城市,即可查询该城市的实时天气状况,包括温度、湿度、风力等信息。

预警信息查询功能。通过选择城市或输入城市名称,即可查询该城市的天气预警信息,包括台风、暴雨、大风等多种预警信息。

搜索定位和自动获取定位功能。用户可以通过输入城市名称或选择定位城市,即可查询该城市的天气状况。而自动获取定位功能可以帮助我们快速定位当前所在位置,方便用户随时随地查询天气信息。

7日天气预报和24h天气预报功能。通过选择城市或输入城市名称,即可查询该城市未来7天或24小时的天气状况,包括温度、湿度、风力等信息。

UI设计

点我预览杰森气象小程序 圆角矩形、平滑设计、简约而不简单

杰森气象——实况天气小程序(内附完整源码)_小程序

杰森气象——实况天气小程序(内附完整源码)_天气查询_02

杰森气象——实况天气小程序(内附完整源码)_搜索_03

技术接口

本项目天气数据来源:和风天气

注意和风天气官方对免费账户每日的 api 调用次数有限制,可以注册多个账户或订阅。
比如杰森测试的时候单日个人请求次数就达到了1.3k+ hhh~

杰森气象——实况天气小程序(内附完整源码)_小程序_04

地图定位:腾讯地图

杰森气象——实况天气小程序(内附完整源码)_微信_05

以上接口的注册都比较容易,注册账户后到开发者控制台新建应用就能看到 key,要注意腾讯的接口要对小程序的 appid 进行授权,注意先注册小程序,不明白的话可以留言或看文末

项目启动

/utils/private-key中设置自己的接口密钥

//部分接口要用到收费 api
export const privateKey = 'you_api_key'

export const freeKeyList = [
    //因为和风天气免费api日调取次数有限制,所以可以多申请几个账户
    'you_api_key1',
    'you_api_key2'
]



标签:定位,内附,城市,天气,查询,api,杰森,源码
From: https://blog.51cto.com/jasoncoding/6509163

相关文章

  • 尚医通day13【预约挂号】(内附源码)
    页面预览预约挂号根据预约周期,展示可预约日期,根据有号、无号、约满等状态展示不同颜色,以示区分可预约最后一个日期为即将放号日期选择一个日期展示当天可预约列表预约确认第01章-预约挂号接口分析(1)根据预约周期,展示可预约日期数据(2)选择日期展示当天可预约列表1、......
  • nginx-clojure 源码构建一些问题
    因为nginx-clojure就是一个标准的nginx模块,一些是尝试基于源码进行构建发现一些问题的说明简单说明nginx当前1.25版本的构建是有问题的,1.24版本构建是可以的,1.23版本实际上官方已经提供了但是如果查看nginx官方文档会发现1.23版本的下载官方是似乎移除了,没直接提供了......
  • 一次Mybaits查询的源码分析
    很好奇Mybaits是怎么将xml和mapper对应起来的,用一段比较简单的demo去debug追踪一下源码看看先用xml配置的方式,看懂了再去看注解的方式是怎么实现的获取MapperMybaits是如何从xml中加载到mapper的<?xmlversion="1.0"encoding="UTF-8"?><!DOCTYPEconfigurationPUB......
  • 从源码级深入剖析Tomcat类加载原理
    众所周知,Java中默认的类加载器是以父子关系存在的,实现了双亲委派机制进行类的加载,在前文中,我们提到了,双亲委派机制的设计是为了保证类的唯一性,这意味着在同一个JVM中是不能加载相同类库的不同版本的类。然而与许多服务器应用程序一样,Tomcat允许容器的不同部分以及在容器上运行的......
  • 【sentinel】sentinel客户端与dashboard通讯源码分析
    Sentinel客户端的规则大部分都是在Dashboard上完成配置,那么Sentinel客户端与Dashboard之间是如何进行通讯的呢?客户端定时向dashboard发送心跳要想实现Sentinel客户端与Dashboard进行通讯,我们需要引入下面的依赖:<dependency><groupId>com.alibaba.csp</groupId><artifactI......
  • 【框架源码】Spring源码解析之Bean创建源码流程
    问题:Spring中是如何初始化单例bean的?我们都知道Spring解析xml文件描述成BeanDefinition,解析BeanDefinition最后创建Bean将Bean放入单例池中,那么Spring在创建Bean的这个过程都做了什么。Spring核心方法refresh()中最最重要的一个方法finishBeanFactoryInitialization()方法,该方法......
  • 源码泄露+bak备份泄露+vim泄露+.DS_Store(mas迁移泄露)
    源码泄露+bak备份泄露+vim泄露+.DS_Store(mas迁移泄露)1.源码泄露web网站源码打包在web目录下造成泄露,通常以压缩包方式存在,如.zip、.rar、.tar、.tar.gz等,常见命名方式为网站名,www.网站名,backup+网站名等简单入门题目扫描到压缩包文件进行下载,找到对应文件,查看是否有flag,如果没......
  • 开源数字药店系统源码:打造高效的医药销售平台
    作为医药销售的全新解决方案,数字药店系统源码能够为医药企业提供更高效的销售解决方案,提高企业的竞争力。本文将详细介绍开源数字药店系统源码的特点和优势,以及如何打造高效的医药销售平台。一、开源数字药店系统源码的特点1. 功能丰富具有完善的功能,包括商品管理、订单管理、客户......
  • .Net Core医学检验LIS系统源码
    .NetCoreLIS系统源码,在第三方快检实验室、二级医院检验科应用5年以上,系统运行稳定、功能齐全,界面布局合理、操作简便。系统采用B/S架构SaaS模式,可扩展性强。LIS系统为实验室服务对象提供检验申请、采集标本、结果查询等功能;为实验室工作人员的核收标本、分送标本、传送资料、分析......
  • 互联网医院成品|互联网医院源码|线上医疗所含功能
    作为医疗服务领域的新生力量,互联网医院系统逐渐成为了医疗行业内时常交流和沟通的名词和产品,互联网医院系统就是用信息化、互联网化的手段去降低成本、优化服务,提升医疗服务诊前、诊中、诊后的全流程质量。那么互联网医院成品包含哪些功能呢?接下来啊小编就给大家介绍下。1、在线预......