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

小程序开发--最美的朋友家精选民宿小程序之分析

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

小程序开发

今天小程聚要介绍的是朋友家精选民宿小程序,朋友家是一个精选美宿预订平台,不论旅行还是轰趴聚会,都可以在这里轻松预订到精美的短租民宿客栈公寓 “朋友家精选民宿”小程序延续了App的所有房源和特色。

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

功能1:显示首页

小程序开发--最美的朋友家精选民宿小程序之分析(图1)

 

数据接口:进入首页,可以进行搜索入住的房子和热门去处

用到的小程序组件:view,image,input,form,text,tab,swiper

用到的小程序API: wx.request

 
 
 

功能2:检索城市

小程序开发--最美的朋友家精选民宿小程序之分析(图2)

数据接口:进入搜索,点击“想去的城市”,进行热门城市以及全部城市的显示

用到的小程序组件:view,scroll-view

用到的小程序API: wx.request

 
 
 

功能3:搜索民宿

小程序开发--最美的朋友家精选民宿小程序之分析(图3)

 

数据接口:进入选择城市、时间等进行搜索

评论:点击小密圈的内容,进行评论

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

用到的小程序API:wx.request

 
 
 

功能4:民宿查看

小程序开发--最美的朋友家精选民宿小程序之分析(图4)

数据接口:

①查看:点击查看,显示民宿图片和详细情况,并且可以收藏、申请入住等

②收藏:点击收藏,进行民宿的收藏

用到的小程序组件:input,form,view,text,swiper

用到的小程序API: wx.request

 
 
 

功能5:申请入住

小程序开发--最美的朋友家精选民宿小程序之分析(图5)

数据接口:

①申请入住:进入申请入住,选择日期、房客等,发送申请给房东

②发送申请:点击“发送申请给房东”,申请提交

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

用到的小程序API: wx.request

 
 
 

功能6:我的订单

小程序开发--最美的朋友家精选民宿小程序之分析(图6)

数据接口:点击“订单”,查看并且管理我的订单

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

用到的小程序API: wx.request

 
 
 

功能7:个人主页

小程序开发--最美的朋友家精选民宿小程序之分析(图7)

数据接口:点击“我的”,进入个人主页

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

用到的小程序API: wx.request

 
 
 

功能8:更改个人信息

小程序开发--最美的朋友家精选民宿小程序之分析(图8)

数据接口:点击我的资料,进行更改

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

用到的小程序API: wx.request

 
 
 

功能9:我的收藏

小程序开发--最美的朋友家精选民宿小程序之分析(图9)

数据接口:点击我的收藏,显示我所有收藏的民宿

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

用到的小程序API: wx.request

 
 
 

功能10:登录

小程序开发--最美的朋友家精选民宿小程序之分析(图10)

数据接口: 

①系统登录:进入小程序,系统获取微信信息

②手机验证:进入申请时,需要手机发验证码进行验证

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

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

 
 
 

总结:「朋友家精选民宿」小程序有13个页面,用到的小程序组件有8个,用的小程序API有3个,分别如下:

前端页面个数:13

分别为:

  1. 首页:pages/index/index

  2. 订单页:pages/order/order

  3. 我的:pages/my/my

  4. 选择城市:pages/select-city/select-city

  5. 选择时间:pages/select-time/select-time

  6. 列表:pages/list/list

  7. 详情:pages/details/details

  8. 评论:pages/comment/comment

  9. 个人信息:pages/person-info/person-info

  10. 注册:pages/register/register

  11. 余额:pages/balance/balance

  12. 收藏: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:

  1. 显示首页

  2. 检索城市

  3. 搜索民宿

  4. 民宿查看

  5. 收藏

  6. 申请入住

  7. 发送申请

  8. 我的订单

  9. 个人主页

  10. 更改个人信息

  11. 我的收藏

  12. 系统登录

  13. 手机验证





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