小程序开发--柚宝宝小程序之功能与组件技术分析
2017-02-16 22:39 阅读(257)

柚宝宝是一款覆盖女性备孕、怀孕、育儿的软件,其核心功能有妈妈变化、宝宝发育、孕期工具、每日建议、知识文库。

宝妈可以在小程序里快速知道宝宝和自己的情况,比如可以查询哪些可以吃,胎教音乐,孕检,还可以看宝宝发育的3D影像。

  本文重点分析这款微信小程序的主要功能,以及对应的数据接口和采用的小程序组件/API技术。


功能1:显示首页


数据接口:进入首页,展示宝宝和妈妈现状的变化和今日建议

用到的小程序组件:tab,image

用到的小程序API: wx.request


功能2:宝宝变化详情显示


数据接口:点击宝宝变化,显示宝宝现阶段的状况、视频和三维彩超。

用到的小程序组件:imgage,video

用到的小程序API: wx.request


功能3:妈妈变化详情显示

数据接口:点击妈妈变化,显示妈妈本周概况、生理及心理变化和运动建议。

用到的小程序组件:imgage

用到的小程序API:wx.request


功能4:今日建议详情显示

数据接口:点击今日建议,显示孕期的相关建议。

用到的小程序组件:imgage

用到的小程序API: wx.request


功能5:“能不能吃”页面

数据接口:点击“能不能吃”,显示全部不同分类和推荐文章

用到的小程序组件:tab, imgage,input,form

用到的小程序API: wx.request



功能6:搜索列表和分类列表


数据接口:点击不同分类或进行搜索,检索相关的列表

用到的小程序组件: image,input,form

用到的小程序API: wx.request



功能7:食品详情显示

数据接口:点击不同分类的食品,显示食品女士不同阶段是否能吃以及食品的营养介绍、选购攻略和相克食物等。

用到的小程序组件:image

用到的小程序API: wx.request



功能8:登录


数据接口:进入小程序,小程序弹出登录请求

用到的小程序组件:button

用到的小程序API: wx.login, wx.getUserInfo




功能9:我的预产期

数据接口:进入个人中心,点击预产期进行设置计算预产期

用到的小程序组件:text,button,form,image,picker

用到的小程序API: wx.request


总结:[柚宝宝]小程序有11个页面,用到的小程序组件有7个,用到的小程序API有3个,分别如下:

前端页面个数:11

用到的小程序组件:

tab,button,image,form,input,video,picker

用到的小程序API:

wx.request, wx.login,wx.getUserInfo


数据接口API个数:9

数据接口API:

1、 显示首页

2、宝宝变化详情显示

3、 妈妈变化详情显示

4、 今日建议详情显示

5、 “能不能吃”页面

6、 搜索列表和分类列表

7、食品详情显示

8、 登录

9、 我的预产期