在微信小程序中怎么制作天气APP?微信小程序制作天气app教程

时间:2017-04-07325举报小编:zhuxianzhimm

    很多人都在使用微信小程序,今天小编带来在微信小程序中怎么制作天气APP教程,有兴趣的小伙伴可以跟小编一起来学习学习。

    一、最终效果

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

    简约版:

    在微信小程序中怎么制作天气APP?微信小程序制作天气app教程

    主要功能:

    1、当日天气:显示用户当地当天的温度范围、天气、风力情况、地点,同时从穿衣指数、洗车指数、感冒指数、运动指数、紫外线强度指数中随机挑选一个作为当日的友情提示,且用户每次打开时都将随机更新友情提示。

    2、未来天气:显示未来三天的日期、天气、温度范围、风力情况

    3、整个小程序只有一个页面,用户进入小程序即可得到天气信息,除去了繁杂的信息干扰。

    加强版:

    在微信小程序中怎么制作天气APP?微信小程序制作天气app教程

    在微信小程序中怎么制作天气APP?微信小程序制作天气app教程

    在微信小程序中怎么制作天气APP?微信小程序制作天气app教程

    主要功能:

    1、将信息分为三个tabBar,即“首页”、“生活”、“未来”

    2、首页显示当时的时间、实时温度、天气及其图标。

    3、生活页面用来显示穿衣指数、洗车指数、感冒指数、运动指数、紫外线强度指数,同时提供相关的生活建议

    4、未来显示未来三天和今日的天气温度状况

    5、三个页面均有定位功能

    二、涉及知识

    1、页面布局和样式书写

    2、数据绑定、条件渲染、列表渲染、模板、引用

    3、位置API、网络请求API

    4、百度地图API

    三、防入坑tips

    1、发起网络请求需要管理员在后台配置request的域名,且域名必须使用协议https,不能使http

    2、永远以真机测试为准

    3、多使用控制台报错信息debug,多使用模板,图片压缩是王道。

    四、代码编写

    在微信小程序中是怎么制作天气APP的相关介绍就是这些,大家学会了吗?

    更多精彩内容请关注未来软件园每日更新,最新的游戏攻略、最快新闻资讯第一时间掌握。