仿墨迹天气小程序源码(袋鼠天气)

嗨,大家好很久没有分享小程序开发方面的内容了,最近仿照《墨迹天气》开发了个实时查询天气的小工具。

源码地址:https://github.com/yundianzixun/daishu-service

项目分为微信小程序用户端 和 后台服务端,也就是说想要启动小程序端项目正常使用,还需要启动 WeatherService 项目作为天气业务的数据服务 。

如果不懂Java后端代码的小伙伴可以直接使用源码中的服务地址(https://100boot.cn,已做https 认证可放心使用 ),如下图所示:

目录:daishu-weather/server/type.js 

如果想要对后端项目进行二次开发也可以直接修改后端代码。

具体项目介绍如下:

一、袋鼠天气微信小程序用户端(daishu-weather)

  •  地址定位
  •  逆地址解析(坐标位置描述)
  •  地址解析(地址转坐标)
  •  关键字输入提示
  •  当前定位天气情况
  •  24小时天气情况
  •  7天天气情况
  •  当前地址相关指数
  •  历史记录

目录结构

- ec-canvas                 canvas插件
- iconfont                  字体图片
- images                    可以将图片放在服务器请求(减少文件体积)
    index                       指数图片
    weather                     天气描述图片
- libs                      
    city-code.js                城市代码文件
    makePy.js                      文字转拼音首字母
    weather.js                  天气描述
- pages
    weather                     天气首页
    search                      搜索地址页
- server
    type.js                     请求地址
- utils                         工具文件

二、袋鼠天气微信小程序服务端(WeatherService)

  • 后端基础框架 SpringCloud/SpringCloud Alibaba
  • 远程调用 OpenFeign
  • 缓存 CacheBuilder
  • API在线接口文档 Swagger
  • 地理位置服务 腾讯地图
  • 天气API服务(https://www.tianqiapi.com/)

API访问地址:http://127.0.0.1:9002/weather/swagger-ui.html

预览

视图展示

首页

搜索✌️

关键字搜索✌️

猜你喜欢

转载自blog.csdn.net/zhenghhgz/article/details/121854578
今日推荐