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

禅あ思 2021-12-10 14:25:13 ⋅ 2574 阅读

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

源码地址: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

预览

视图展示

首页

搜索✌️

关键字搜索✌️

 


全部评论: 0

    我有话说:

    微商城程序在哪里下载?

    博主在吗?问一下微商城程序在哪里下载?

    A3Mall v1.5.2 发布,免费开的 PHP 程序商城系统

    项目介绍 A3Mall商城系统是基于ThinkPhp6.0+Vue开发的一套移动电商系统, 支持微信公众号商城、H5商城、程序商城,支持多种营销活动,优惠劵、订单活动、团购、秒杀、会员特价、积分

    微信程序 - iconfont 图标字体

    你还在使用图片作为程序的图标?大猪告诉大家如何在程序上使用iconfont字体图标

    微信程序抖音实战-首页(下)

    抖音程序首页动态数据获取

    微信程序电商实战-入门篇

    程序开发工具有新版本更新啦!开发体验更好了,接下来一起为电商程序做一下准备前期准备工作~~

    微信程序电商实战-商品详情(上)

    先看一下今天要实现的程序商品详情页吧!

    微信程序抖音实战-首页(上)

    你也可以用微信程序编写一个抖音

    「开源资讯」BookChat v2.4 发布,通用书籍阅读微信程序

    BookChat - 面向程序员的开源书籍和文档阅读学习程序

    微信程序实战篇:程序之页面数据传递

    我们在写程序的时候经常会遇到子页面向主页面回传数据或者普通页面跳转到tabBar 页面携带数......

    精品推荐:微信平台反编译找回丢失的程序

    这篇文章是总结了一下公司后台开发的经验,之前他的电脑系统突然就坏掉了,电脑里的陈需也丢失了,怎么找回呢?

    微信程序实现商品数量加减

    这是一个用微信程序原生代码实现的数量加减demo,主要是用于商品购物车或者商品详情修改数量使用

    微信程序电商实战-购物车(上)

    好久没更新程序电商实战的文章了,是因为最近一直做整体架构调整,一些准备工作也是比较耗费时间的。在这几天将会有新版的 程序电商教程推出.......

    微信程序电商实战-首页(下)

    上一篇:微信程序电商实战-首页(上)好了,上一期我们把首页搜索、导航栏和广告轮播给做完了,那么接下来会继续

    微信程序实战篇:基于wxcharts.js绘制移动报表

    微信程序图表插件(wx-charts)是基于canvas绘制,体积巧,支持图表类型饼图、线图、柱状图 ......

    微信程序电商实战-首页(上)

    上一篇:微信程序电商实战-入门篇 嗨,大家好!经过近两周的精心准备终于开始微信程序电商实战之路喽。那么最终会做成什么样呢?好了,不啰嗦了 我们先看首页长什么样吧!   首页效果图

    微信程序实战篇:如何解决https域名问题 ?

    开发自己的微信程序绕不开https问题,为了能在程序中调用我们自己的API服务请打开看一看吧!!!

    精品推荐:微信程序常见的UI框架/组件库

    想要开发出一套高质量的程序,运用框架,组件库是省时省力省心必不可少一部分,随着程序日渐火爆,各种不同类型

    微信程序微商城(一):https框架搭建并实现导航功能

    本文将带领大家搭建https的程序框架,并实现动态获取数据展示效果!