首頁  >  文章  >  微信小程式  >  微信小程式開發之e代駕Lite小程式詳解

微信小程式開發之e代駕Lite小程式詳解

迷茫
迷茫原創
2017-03-25 15:47:054001瀏覽

e代駕Lite是一款專業提供「到達快,服務好,保障全」代駕服務的小程式。透過行動互聯網技術改善傳統代駕服務業,在大幅降低代駕等候時間和代駕服務費用的同時,將安全和便利帶給大眾。

# 本文重點分析這款微信小程式的主要功能,以及對應的資料介面和採用的小程式元件/API技術。讓我們離小程式更近一點,傳遞知識,分享收穫。

# 功能1:顯示首頁

#

# 資料介面:進入首頁,自動定位以取得目前位置

# 用到的小程式元件:view,image,text,input,button

# 用到的小程式API: wx.getLocation

# 功能2:打電話給司機

#

# 資料介面:點選“呼叫司機”,系統自動為您聯絡司機進行派單

# 用到的小程式元件:view.text,button

# 用到的小程式API: wx.request

# 功能3:搜尋位址

#

# 資料介面:進入搜尋頁面,輸入位置,進行搜尋

# 用到的小程式元件:view,text,image,form,input

# 用到的小程式API: wx.request

# 功能4:登入


# 資料介面:

# ①系統登入:進入小程序,小程序彈出登入請求

②手機驗證:點選註冊登錄,進行手機取得驗證碼#,進行登入

用到的小程式元件:input,form,button

用到的小程式API: wx.request, wx.login, wx.getUserInfo

總結:

「e代駕Lite」小程式有4個頁面,用到的小程式元件有5個,用的小程式API有4個,分別如下:

# 前端頁面個數:4

分別為:

# 1.首頁:pages/index/index

# 2.搜尋位址:pages/search-addr/search-addr

3.登入:pages/login/login

# 4.詳情:pages/details/details

用到的小程式元件:view,image,text,input,button

# 用到的小程式API:wx.getLocation, wx.login, wx.getUserInfo, wx.request

資料介面API個數:4

資料介面API:

# 1、顯示首頁

# 2、打電話給司機

# 3、搜尋位置

以上是微信小程式開發之e代駕Lite小程式詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn