旅行小程序的普及已经导致许多开发者关注旅行小程序的发展。这里我们介绍复制携程小程序以实现一些基本功能的情况。

为了更好的开发，我们需要准备我们需要的工具：

Vscode：这主要是用来编写特定代码的微信开发工具：通过这个看效果图EasyMock:通过这个网站可以伪造一些数据供我们使用，非常方便。

具体实现

功能效果如下

查询功能的实现

1.首先，您需要获取您要进入的城市和您要去的城市，以及查询前的选择时间。您可以通过这些条件进行筛选，因此您需要在单击查询按钮时绑定时间，需要携带参数进行查询

查询

2.进入跳转页面所需的参数是通过onload事件

的选项获得的 Var from=options.from; var to=options.to; var trainTime=options.trainTime;

3.最重要的是过滤掉相关数据。在这里你需要一个for循环判断语句。请求数据地址URL时，通过for循环和if语句在相应的数据文件中找到相应的json数据。

Wx.request（{url: API_BASE，成功:（res）=> {for（var i=0; i

4.此时，您可以通过for循环输出页面。

Wx: for='{{searchList}}'wx: key='{{item.id}}'temp.push（res.data.data.trainList [i]）; this.setData（{searchingList: temp}）

* 小程序页面值传输方法：1.url值2.本地存储3.全局应用程序对象

订单查询的实现

这里我采用了全局的app对象保存

1.首先获取全局对象，然后单击购买成功回调函数以获取所有信息，以json格式获取

Const app=getApp（）; var trainedList=app.globalData.trainedList; var trainItem={from: this.data.from，to: this.data.to，trainNum: this.data.trainNum，trainTime: this.data。 trainTime，totalPrice: this.data.totalPrice}; trainedList.push（trainItem）;

2.然后转到相应的页面以获取此全局数组

onLoad: function（options）{this.setData（{trainedList: app.globalData.trainedList}）}，

3.让它通过for循环在页面上输出

其他功能

有些功能没有显示或不完美，请原谅我。

源码地址

GitHub地址：github.com/yrq1429/yrq .

 

＆lt; 汇海（www.hvihi.com）是国内知名的商城系统和商城网站建设提供商，其中汇海技术小程序系统提供小程序商城开发，小程序配送系统，微分配系统，商城系统，电子商务网站建设， 微信发行系统，小程序商城及其他多端商场和电子商务行业解决方案＆gt;

确认：这个文件和图像源网络编辑器的网站部分，如果有侵权及时通信删除。 汇海hvihi.com网站原创文章，请注明出处。