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

小程序测评--艺龙酒店预订小程序之分析

发布:2017-11-10 16:06浏览: 来源:网络 作者:tianshu

小程序开发

今天要介绍的是「艺龙酒店预订」小程序,艺龙酒店预订小程序是一款能为广大用户提供酒店住宿的预定服务,艺龙酒店预订小程序为广大用户提供最专业最智能快捷的酒店预定服务,用户通过艺龙酒店预订小程序即可完成预定酒店的目的及客户服务的功能。

 

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

功能1:显示首页

小程序测评--艺龙酒店预订小程序之分析(图1)

  • 数据接口:进入首页,系统获取当前位置,显示查询页面

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

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

 
 
 

功能2: 显示酒店|搜索

小程序测评--艺龙酒店预订小程序之分析(图2)

  • 数据接口:

  • ①搜索酒店:选择完地址和时间,进行酒店查询

  • ②显示酒店列表|搜索:进入酒店列表,也可以进行搜索或筛选

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

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

 
 
 

功能3:详情页面

小程序测评--艺龙酒店预订小程序之分析(图3)

  • 数据接口:进入详情页面,显示酒店的详情,并且可以进行立即预约

  • 用到的小程序组件:text,view,image,button,scroll-view

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

 
 
 

功能4:提交订单

小程序测评--艺龙酒店预订小程序之分析(图4)

  • 数据接口:

  • ①订单页面:选择预订的酒店,进入订单提交

  • ②提交订单(微信支付):选择酒店,进行填写,提交订单

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

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

 
 
 

功能5:我的订单

小程序测评--艺龙酒店预订小程序之分析(图5)

  • 数据接口:进入订单,可以查看我的预订的酒店

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

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

 
 
 

功能6:个人中心

小程序测评--艺龙酒店预订小程序之分析(图6)

  • 数据接口:进入我的,可以查看我的优惠券

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

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

 
 
 

功能7:登录

小程序测评--艺龙酒店预订小程序之分析(图7)

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

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

 
 
 

总结:「艺龙酒店预订」小程序有19个页面,用到的小程序组件有8个,用的小程序API有5个,分别如下:

1

前端页面个数:19

分别为:

1.首页: pages/index/index

2.我的位置:pages/location/location

3.选择日期:pages/selectDate/selectDate

4.关键词搜索:pages/search/search

5.附近酒店:pages/nearbyHotel/nearbyHotel

6.酒店详情:pages/hotelDetail/hotelDetail

7.酒店信息:pages/hotelMsg/hotelMsg

8.酒店点评:pages/hotelComments/hotelComments

9.订单填写:pages/writeOrder/writeOrder

10.确认订单:pages/confirmOrder/confirmOrder

11.订单列表:pages/orderList/orderList

12.国内酒店订单:pages/domesticOrder/domesticOrder

13.国外酒店订单:pages/foreignOrder/foreignOrder

14.订单详情:pages/orderDetail/orderDetail

15.客服:pages/service/service

16.我的:pages/myself/myself

17.常用旅客:pages/commonly/commonly

18.新增常用:pages/addUser/addUser

19.绑定手机号:pages/phone/phone

 

2

用到的小程序组件:

view,text,image,input,form,scroll-view,tab,button

用到的小程序API:

wx.request, wx.requestPayment, wx.login, wx.getUserInfo ,wx.getLocation

3

数据接口API个数:9

数据接口API:

1、显示首页

2、搜索酒店

3、显示酒店列表|搜索

4、详情页面

5、订单页面

6、提交订单(微信支付)

7、我的订单

8、个人中心

9、登录






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