首頁 > 微信小程式 > 小程式開發 > 省時方便的小程式:查地鐵

省時方便的小程式:查地鐵

高洛峰
發布: 2017-03-02 11:47:26
原創
3714 人瀏覽過

現在在國內的很多城市都有地鐵,BAT或有軌電車,甚至是公車。當我們需要查詢出行的線路公車,地鐵時我們需要有一款工具幫助大家。為了查地鐵就下載一個app也挺費記憶體和容量的,尤其對於一個iphone只有16G的用戶來說。所以今天我們就來跟大家介紹一款新的地鐵出行指南小程序,「查地鐵」小程式免流量查詢各大城市地鐵線路、出入口、營運時間及週邊吃喝玩樂資訊。小程式最大亮點是消耗極少流量為你查詢週邊地鐵站、制定路線規劃,非常方便出行。

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

省時方便的小程式:查地鐵

資料介面:進入首頁,可以進行查地鐵操作和提供地鐵圖、站點查詢等服務

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

用到的小程式API: wx.request

省時方便的小程式:查地鐵

#資料介面:進入選擇起點/終點,進行選擇

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

用到的小程式模組: wx.request

省時方便的小程式:查地鐵

## 資料介面:選擇完起點和終點,點選查詢

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

用到的小程式API:wx.request

省時方便的小程式:查地鐵##資料介面:進行站點查詢,點選站點,顯示站點的出口資訊、營運時間和周邊資訊等。

使用到的小程式元件:view,text,navigator,image,input,tab

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

功能5:附近站點

省時方便的小程式:查地鐵資料介面:點選附近站點,進行定位顯示附近的站點

使用到的小程式API:wx.getLocation,wx.request

功能6:路線規劃

省時方便的小程式:查地鐵資料介面:點選路線規劃,選擇我的位置和終點,進行查詢

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

用到的小程式API:wx.request

功能7:切換城市

# #資料介面:點選切換城市,選擇不同城市地鐵的選擇省時方便的小程式:查地鐵

用到的小程式元件:input

用到的小程式API:wx.request

總結:「查地鐵」小程式有6個頁面,用到的小程式元件有7個,用的小程式API有2個,分別如下:

前端頁面數:6

分別為:

選擇所在城市:pages/positioning/positioning

#首頁:pages/index/index

選擇起點與終點:pages/select/select

路線規劃:pages/route/route

地圖位置:pages/location/location

路線規劃:pages/routePlan/routePlan

#使用到的小程式元件:

view,text,navigator,image,input, form,button

用到的小程式API:

wx.request, wx.getLocation

資料介面API個數:7

#顯示首頁

起始點的選擇

地鐵路線查詢

站點資訊

附近站點

路線規劃

切換城市

##更多省時方便的小程式:查地鐵相關文章請關注PHP中文網!


相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板