本人最近完成了一個關於線上查看、預訂民宿的小程序。現進行總結。需要看源碼的朋友可以移步github(
if(有一點點幫到您) {
請留下您的小star。我哭了,你呢???
})
地址:https://github.com/zhanjinfeng/minsu
1. 首頁
首頁功能包括
① 獲取用戶定位詳細信息(地理位置授權,利用第三方地圖sdk進行獲取詳細位置信息);
② 選擇入住、離店日期;
③ 選擇入住人數;
④ 點擊‘查找美屋’按鈕跳轉到房屋列表頁面
1 .1 房屋列表
列表頁面功能:
① 顯示後端返回的房屋列表信息進行顯示;
② 更改房屋查詢條件(日期、位置、排序、篩選);
③ 點擊對應房屋信息進行跳轉至房屋詳情;
1.2 房屋詳情
功能&交互:
① 點擊圖片可查看圖片分類;
② 點擊日期重新修改入住離店日期;
③ 點擊底部‘’電話‘’進行調用手機撥號;
④ 點擊‘立即預定’ 跳轉至訂單填寫頁面(頁面涉及到表單驗證如,手機號填寫驗證,身份證號填寫驗證);
2. 訂單
功能&交互:
① 判斷用戶是否登錄,未登錄則顯示引導登錄頁面;
② 用戶已登錄則顯示訂單列表信息;
③ 點擊訂單信息跳轉至對應的訂單詳情;
3. 個人中心
該模塊功能與交互較簡單,就不囉嗦了
最後貫穿整個小程序的部分要來了,就是用戶登錄,包括兩種類型登錄方式:
① 授權登錄:微信授權登錄和微信綁定的手機號授權登錄;
② 使用手機號獲取驗證碼進行登錄
&&登錄
關於第二個類型的登錄方式涉及到的交互(獲取驗證碼後的倒計時)可在我的另一篇博客查看:https://blog.csdn.net/zhanjinfeng/article/details/81188264
好吧,先寫到這裏吧,如果有需要更詳細的功能總結可以告訴我哦!