小程序模板网

忽如寄:微信小程序demo简易教程:天气APP(附源码下载)

一、最终效果

这次的小程序提供两种界面,功能简约版与功能加强版,任君选取:
简约版:


主要功能:
1、当日天气:显示用户当地当天的温度范围、天气、风力情况、地点,同时从穿衣指数、洗车指数、感冒指数、运动指数、紫外线强度指数中随机挑选一个作为当日的友情提示,且用户每次打开时都将随机更新友情提示。
2、未来天气:显示未来三天的日期、天气、温度范围、风力情况
3、整个小程序只有一个页面,用户进入小程序即可得到天气信息,除去了繁杂的信息干扰。
加强版:


主要功能:
1、将信息分为三个tabBar,即“首页”、“生活”、“未来”
2、首页显示当时的时间、实时温度、天气及其图标。
3、生活页面用来显示穿衣指数、洗车指数、感冒指数、运动指数、紫外线强度指数,同时提供相关的生活建议
4、未来显示未来三天和今日的天气温度状况
5、三个页面均有定位功能

二、涉及知识

1、页面布局和样式书写
2、数据绑定、条件渲染、列表渲染、模板、引用
3、位置API、网络请求API
4、百度地图API

三、防入坑tips

1、发起网络请求需要管理员在后台配置request的域名,且域名必须使用协议https,不能使http
2、永远以真机测试为准
3、多使用控制台报错信息debug,多使用模板,图片压缩是王道。

四、代码编写


本文地址:https://www.eyoucms.com/wxmini/doc/course/22975.html 复制链接 如需定制请联系易优客服咨询:800182392 点击咨询
QQ在线咨询