小程序开发——查地铁小程序，最佳地铁出行指南

小程序开发

今天小程聚给大家介绍一款新的地铁出行指南小程序，「查地铁」小程序免流量查询各大城市地铁线路，出入口，运营时间及周边吃喝玩乐信息.小程序最大亮点是消耗极少流量为你查询周边地铁站，制定路线规划，非常方便出行。

本文重点分析这款微信小程序的主要功能，以及对应的数据接口和采用的小程序组件/API技术。让我们离小程序更近一点，传递知识，分享收获

功能1：显示首页

数据接口：进入首页，可以进行查地铁操作和提供地铁图，站点查询等服务

用到的小程序组件：图像，输入

用到的小程序API: wx.request

功能2：起始点的选择

数据接口：进入选择起点/终点，进行选择

用到的小程序组件：标签上，输入，形式

用到的小程序API：wx.request

功能3：地铁路线查询

数据接口：选择完起点和终点，点击查询

用到的小程序组件：输入，形式

XX 用到的小程序API：wx.request

功能4：站点信息

数据接口：进行站点查询，点击站点，显示站点的出口信息，运营时间和周边信息等

用到的小程序组件：图，文本，导航，图像，输入，标签

用到的小程序API：wx.request

功能5：附近站点

数据接口：点击附近站点，进行定位显示附近的站点

用到的小程序API：wx.getLocation，wx.request

功能6：路线规划

数据接口：点击路线规划，选择我的位置和终点，进行查询

用到的小程序组件：输入，形式，按钮

用到的小程序API：wx.request

功能7：切换城市

数据接口：点击切换城市，选择不同城市地铁的选择

用到的小程序组件：输入

用到的小程序API：wx.request

总结：「查地铁」小程序有6个页面，用到的小程序组件有7个，用的小程序API有2个，分别如下：

前端页面个数：6

分别为：

选择您的城市：页面/定位/poOA系统

主页：页/索引/索引

选择起点和终点：页面/选择/选择

路线规划：页面/路线/路线

地图位置：页面/位置/位置

路线规划：pages/routePlan/routePlan

小程序组件:

查看，文本，导航，图像，输入，表单，按钮

小程序API:

Wx.request，wx.getLocation

数据接口API的数量：7

显示主页

起点选择

地铁路线查询

网站信息

附近的网站

路线规划

切换城市