小程序--民宿(首页(房屋列表、房屋详情)、订单(订单列表、详情)、个人中心(登录、优惠券))

作者:jcmp      发布时间:2021-07-06      浏览量:0
本人最近完成了一个关于线上查看、预订民宿

本人最近完成了一个关于线上查看、预订民宿的小程序。现进行总结。需要看源码的朋友可以移步github(

if(有一点点帮到您) {

请留下您的小star。我哭了,你呢???

})

1. 首页

​​

首页功能包括

① 获取用户定位详细信息(地理位置授权,利用第三方地图sdk进行获取详细位置信息);

② 选择入住、离店日期;

③ 选择入住人数;

④ 点击‘查找美屋’按钮跳转到房屋列表页面

1 .1 房屋列表

​​​

列表页面功能:

① 显示后端返回的房屋列表信息进行显示;

② 更改房屋查询条件(日期、位置、排序、筛选);

③ 点击对应房屋信息进行跳转至房屋详情;

1.2 房屋详情

​​​​

功能&交互:

① 点击图片可查看图片分类;

② 点击日期重新修改入住离店日期;

③ 点击底部‘’电话‘’进行调用手机拨号;

④ 点击‘立即预定’ 跳转至订单填写页面(页面涉及到表单验证如,手机号填写验证,身份证号填写验证);

2. 订单

​​​

功能 &交互:

① 判断用户是否登录,未登录则显示引导登录页面;

② 用户已登录则显示订单列表信息;

③ 点击订单信息跳转至对应的订单详情;

3. 个人中心

​​​

该模块功能与交互较简单,就不啰嗦了

最后贯穿整个小程序的部分要来了,就是用户登录,包括两种类型登录方式:

① 授权登录:微信授权登录和微信绑定的手机号授权登录;

② 使用手机号获取验证码进行登录

&&登录

​​

关于第二个类型的登录方式涉及到的交互(获取验证码后的倒计时)