小程序开发
今天小程聚要介绍的是朋友家精选民宿小程序,朋友家是一个精选美宿预订平台,不论旅行还是轰趴聚会,都可以在这里轻松预订到精美的短租民宿客栈公寓 “朋友家精选民宿”小程序延续了App的所有房源和特色。
本文重点分析这款微信小程序的主要功能,以及对应的数据接口和采用的小程序组件/API技术。让我们离小程序更近一点,传递知识,分享收获。
功能1:显示首页
数据接口:进入首页,可以进行搜索入住的房子和热门去处
用到的小程序组件:view,image,input,form,text,tab,swiper
用到的小程序API: wx.request
功能2:检索城市
数据接口:进入搜索,点击“想去的城市”,进行热门城市以及全部城市的显示
用到的小程序组件:view,scroll-view
用到的小程序API: wx.request
功能3:搜索民宿
数据接口:进入选择城市、时间等进行搜索
评论:点击小密圈的内容,进行评论
用到的小程序组件:input,form,image,view,text
用到的小程序API:wx.request
功能4:民宿查看
数据接口:
①查看:点击查看,显示民宿图片和详细情况,并且可以收藏、申请入住等
②收藏:点击收藏,进行民宿的收藏
用到的小程序组件:input,form,view,text,swiper
用到的小程序API: wx.request
功能5:申请入住
数据接口:
①申请入住:进入申请入住,选择日期、房客等,发送申请给房东
②发送申请:点击“发送申请给房东”,申请提交
用到的小程序组件:view,text,input,form
用到的小程序API: wx.request
功能6:我的订单
数据接口:点击“订单”,查看并且管理我的订单
用到的小程序组件:view,text
用到的小程序API: wx.request
功能7:个人主页
数据接口:点击“我的”,进入个人主页
用到的小程序组件:view,text,image
用到的小程序API: wx.request
功能8:更改个人信息
数据接口:点击我的资料,进行更改
用到的小程序组件:form,input,button
用到的小程序API: wx.request
功能9:我的收藏
数据接口:点击我的收藏,显示我所有收藏的民宿
用到的小程序组件:swiper,view,text
用到的小程序API: wx.request
功能10:登录
数据接口:
①系统登录:进入小程序,系统获取微信信息
②手机验证:进入申请时,需要手机发验证码进行验证
用到的小程序组件:input,form
用到的小程序API: wx.login,wx.getUserInfo,wx.request
总结:「朋友家精选民宿」小程序有13个页面,用到的小程序组件有8个,用的小程序API有3个,分别如下:
前端页面个数:13
分别为:
-
首页:pages/index/index
-
订单页:pages/order/order
-
我的:pages/my/my
-
选择城市:pages/select-city/select-city
-
选择时间:pages/select-time/select-time
-
列表:pages/list/list
-
详情:pages/details/details
-
评论:pages/comment/comment
-
个人信息:pages/person-info/person-info
-
注册:pages/register/register
-
余额:pages/balance/balance
-
收藏:pages/collect/collect
申请:pages/apply/apply
用到的小程序组件:
view,image,input,form,text,tab,swiper, scroll-view,
用到的小程序API:
wx.login,wx.getUserInfo,wx.request
数据接口API个数:13
数据接口API:
-
显示首页
-
检索城市
-
搜索民宿
-
民宿查看
-
收藏
-
申请入住
-
发送申请
-
我的订单
-
个人主页
-
更改个人信息
-
我的收藏
-
系统登录
-
手机验证