今天要介紹的是「微寄遞」小程序,微寄遞小程序由廣州郵局提供服務,為用戶提供快捷的快遞服務,包括可以讓用戶可以隨時隨地線上下單,選擇上門取件或到附近蜜蜂箱投件,以及在線查詢郵件、服務網(wǎng)點等信息,一個微寄遞小程序就能搞定。
本文重點分析這款微信小程序的主要功能,以及對應的數(shù)據(jù)接口和采用的小程序組件/API技術(shù)。讓我們離小程序更近一點,傳遞知識,分享收獲。
功能1:顯示首頁
數(shù)據(jù)接口:進入首頁,顯示取件和寄件服務
用到的小程序組件:view,text,tab,input,form,button
用到的小程序API: wx.request, wx.getLocation
功能2:上門取件和密封箱寄件
數(shù)據(jù)接口:點擊“上門取件”或“蜜蜂箱取件”,選擇時間、物品、寄和收的詳細信息進行提交上門取件或寄件服務
用到的小程序組件:view,text,input,form
用到的小程序API: wx.request
功能3:物流查詢
數(shù)據(jù)接口:
?、賿叽a查詢:點擊掃碼,打開掃碼,進行物流的查詢
②訂單號查詢:輸入物流單號,進行物流的查詢
用到的小程序組件:input,form,
用到的小程序API:wx.scanCode,wx.request
功能4:我的訂單
數(shù)據(jù)接口:點擊“我的訂單”,顯示我寄件的所有訂單
用到的小程序組件:text,view,button
用到的小程序API: wx.request
功能5:寄件人和收件人地址顯示
數(shù)據(jù)接口:點擊“寄件人地址簿”或“收件人地址簿”,查看不同分類的地址
用到的小程序組件:view,text,image
用到的小程序API: wx.request
功能6:編輯和添加地址簿
數(shù)據(jù)接口:點擊“編輯”或“添加”,編輯或添加地址
用到的小程序組件:text,view,input,form,button
用到的小程序API: wx.request
功能7:我的代金券
數(shù)據(jù)接口:點擊“我的代金券”,顯示用戶的全部代金券,并且可以進行管理
用到的小程序組件:text,view
用到的小程序API: wx.request
功能8:登錄
數(shù)據(jù)接口:進入小程序,小程序彈出登錄請求
用到的小程序API: wx.login, wx.getUserInfo
功能9:綁定手機
數(shù)據(jù)接口:輸入手機號,進行驗證碼,進行綁定手機
用到的小程序組件:input,button,form
用到的小程序API: wx.request
總結(jié):「微寄遞」小程序有13個頁面,用到的小程序組件有6個,用的小程序API有4個,分別如下:
前端頁面?zhèn)€數(shù):13
分別為:
1.首頁:pages/index/index
2.添加寄件地址:pages/address/address
3.查找蜜蜂箱:pages/beeHives/beeHives
4.服務協(xié)議:pages/protocol/protocol
5.期望上門時間:pages/wantTime/wantTime
6.查詢:pages/inquire/inquire
7.查找郵政網(wǎng)點:pages/searchPostal/searchPostal
8.查詢包裹:pages/package/package
9.物流詳情:pages/logisticsDetail/logisticsDetail
10.我:pages/myself/myself
11.我的訂單:pages/order/order
12.我的代金券:pages/vouchers/vouchers
13.綁定手機:pages/mobile/mobile
用到的小程序組件:
view,text,tab,input,form,button,
用到的小程序API:
wx.login,wx.getUserInfo,wx.request, wx.scanCode,
數(shù)據(jù)接口API:
1、顯示首頁
2、上門取件和密封箱寄件
3、掃碼查詢
4、訂單號查詢
5、我的訂單
6、寄件人和收件人地址顯示
7、編輯和添加地址簿
8、我的代金券
9、登錄
10、綁定手機