小程序开发
今天要介绍的是「艺龙酒店预订」小程序,艺龙酒店预订小程序是一款能为广大用户提供酒店住宿的预定服务,艺龙酒店预订小程序为广大用户提供最专业最智能快捷的酒店预定服务,用户通过艺龙酒店预订小程序即可完成预定酒店的目的及客户服务的功能。
本文重点分析这款微信小程序的主要功能,以及对应的数据接口和采用的小程序组件/API技术。让我们离小程序更近一点,传递知识,分享收获。
功能1:显示首页
-
数据接口:进入首页,系统获取当前位置,显示查询页面
-
用到的小程序组件:view,text,image,input,form,scroll-view,tab
-
用到的小程序API: wx.request,wx.getLocation
功能2: 显示酒店|搜索
-
数据接口:
-
①搜索酒店:选择完地址和时间,进行酒店查询
-
②显示酒店列表|搜索:进入酒店列表,也可以进行搜索或筛选
-
用到的小程序组件:view,text,image,input,form
-
用到的小程序API: wx.request
功能3:详情页面
-
数据接口:进入详情页面,显示酒店的详情,并且可以进行立即预约
-
用到的小程序组件:text,view,image,button,scroll-view
-
用到的小程序API:wx.request
功能4:提交订单
-
数据接口:
-
①订单页面:选择预订的酒店,进入订单提交
-
②提交订单(微信支付):选择酒店,进行填写,提交订单
-
用到的小程序组件:text,view,image,button,form
-
用到的小程序API:wx.request,wx.requestPayment
功能5:我的订单
-
数据接口:进入订单,可以查看我的预订的酒店
-
用到的小程序组件:text,view,image,tab
-
用到的小程序API:wx.request
功能6:个人中心
-
数据接口:进入我的,可以查看我的优惠券
-
用到的小程序组件:text,view,image,tab
-
用到的小程序API:wx.request
功能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、登录