小程序开发
今天要介绍的是「番茄闹钟」小程序,番茄闹钟是一个很有意思的小程序,它能帮助用户在一个25分钟的时间段专注做一件事情。用户可以在预设的六个任务中选定一个开始计时。25分钟计时完毕之后闹钟响起提醒用户计时结束。小程序的设计够简洁美观,只有三个界面:任务选择、倒计时和任务统计。可以说是非常简单易上手。
本文重点分析这款微信小程序的主要功能,以及对应的数据接口和采用的小程序组件/API技术。让我们离小程序更近一点,传递知识,分享收获。
功能1:显示首页
-
数据接口:进入首页,选择一个任务,进行专注做这件事并进行开始计时25分钟
-
用到的小程序组件:view,image,text,tab,audio,navigator
-
用到的小程序API: wx.playBackgroundAudio,wx.pauseBackgroundAudio,wx.request
功能2:统计计时
-
数据接口:点击“统计”,系统自动统计生成几天和最近一周完成的计时
-
用到的小程序组件:view,text,canvas
-
用到的小程序API: wx.request
功能3:登录
-
数据接口:进入小程序,小程序弹出登录请求
-
用到的小程序API: wx.login, wx.getUserInfo
总结:「番茄闹钟」小程序有3个页面,用到的小程序组件有7个,用的小程序API有5个,分别如下:
前端页面个数:3
分别为:
1.首页:pages/index/index
2.统计:pages/statistics/statistics
3.计时页面:pages/time/time
用到的小程序组件:
view,image,text,tab,audio,navigator, canvas
用到的小程序API:
wx.login,wx.getUserInfo,wx.request, wx.playBackgroundAudio,wx.pauseBackgroundAudio
数据接口API个数:3
数据接口API:
1、显示首页
2、统计计时
3、登录