柚宝宝是一款覆盖女性备孕、怀孕、育儿的软件,其核心功能有妈妈变化、宝宝发育、孕期工具、每日建议、知识文库。
宝妈可以在小程序里快速知道宝宝和自己的情况,比如可以查询哪些可以吃,胎教音乐,孕检,还可以看宝宝发育的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 首页:pages/index/index 能不能吃:pages/eat/eat 我:pages/myself/myself 宝宝变化:pages/babyChange/babyChange 妈妈变化:pages/motherChange/motherChange 文章详情页:pages/article/article 分类列表页:pages/classification/classification 分类详情页:pages/listDetail/listDetail 搜索页:pages/search/search 预产期:pages/bornTime/bornTime 关于:pages/about/about 用到的小程序组件: 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、 我的预产期