欢迎光临,了解微信小程序开发,就上易用通!

小程序测评--番茄闹钟小程序

发布:2017-11-13 11:29浏览: 来源:网络 作者:tianshu


小程序开发

今天要介绍的是「番茄闹钟」小程序,番茄闹钟是一个很有意思的小程序,它能帮助用户在一个25分钟的时间段专注做一件事情。用户可以在预设的六个任务中选定一个开始计时。25分钟计时完毕之后闹钟响起提醒用户计时结束。小程序的设计够简洁美观,只有三个界面:任务选择、倒计时和任务统计。可以说是非常简单易上手。

 

本文重点分析这款微信小程序的主要功能,以及对应的数据接口和采用的小程序组件/API技术。让我们离小程序更近一点,传递知识,分享收获。

功能1:显示首页

 

小程序测评--番茄闹钟小程序(图1)

  • 数据接口:进入首页,选择一个任务,进行专注做这件事并进行开始计时25分钟

  • 用到的小程序组件:view,image,text,tab,audio,navigator

  • 用到的小程序API: wx.playBackgroundAudio,wx.pauseBackgroundAudio,wx.request

 
 
 

功能2:统计计时

小程序测评--番茄闹钟小程序(图2)

  • 数据接口:点击“统计”,系统自动统计生成几天和最近一周完成的计时

  • 用到的小程序组件:view,text,canvas

  • 用到的小程序API: wx.request

 
 
 

功能3:登录

小程序测评--番茄闹钟小程序(图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、登录






免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。