功能效果如下

查詢功能的實現

1.首(shou)先需(xu)要(yao)在查(cha)詢之前(qian)獲取(qu)輸入的(de)所在城市以及到(dao)的(de)城市，以及時間的(de)選擇，通(tong)過這(zhe)些條件(jian)去篩選，所以需(xu)要(yao)在點擊查(cha)詢按鈕的(de)時候綁(bang)定一(yi)個(ge)時間，需(xu)要(yao)攜帶(dai)參數去進行查(cha)詢

<navigator class="search"  url="/pages/trainBuyContent/trainBuyContent?from={{from}}&to={{to}}&trainTime={{startDate}}">查詢</navigator>

2.需要到跳(tiao)轉的頁面接收參數通過(guo)onload事件的options獲取(qu)

    var from = options.from;
    var to = options.to;
    var trainTime = options.trainTime;

3.最重要的(de)是(shi)篩選(xuan)出(chu)相關數(shu)據，這里需(xu)要一個for循環的(de)判斷(duan)語(yu)句(ju)，在請求數(shu)據地址(zhi)URL的(de)時候，通(tong)過(guo)for循環和if語(yu)句(ju)找(zhao)出(chu)相對應(ying)的(de)數(shu)據文件里面所對應(ying)的(de)json數(shu)據。

wx.request({
      url: API_BASE,
      success: (res) => {
        for(var i=0;i<res.data.data.trainList.length;i++){
          if (from == res.data.data.trainList[i].from && to == res.data.data.trainList[i].to && trainTime == res.data.data.trainList[i].trainTime){
            temp.push(res.data.data.trainList[i]);
          }
        }
        this.setData({
          searchedList:temp
        })
      }
    })

4.這時候(hou)再在頁面(mian)通過for循環輸(shu)出就可以了

wx:for="{{searchedList}}"
wx:key="{{item.id}}"
temp.push(res.data.data.trainList[i]);
this.setData({
          searchedList:temp
        })

*小(xiao)程(cheng)序頁面傳值的方式(shi)：1.url傳值2.本地儲存3.全局(ju)的app對象

訂單查詢的實現

這里我采用了全局的app對象保存

1.先(xian)獲取(qu)全局對象(xiang)，然后(hou)在點擊(ji)確定購買的(de)success回調函數的(de)時，去獲取(qu)所有(you)的(de)信(xin)息(xi)，以一(yi)個(ge)json格(ge)式去獲取(qu)

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.然后在相應的頁(ye)面去獲(huo)取這(zhe)個全局的數組

onLoad: function (options) {
    this.setData({
      trainedList: app.globalData.trainedList
    })
    
  },

3.通過一(yi)個for循環讓其(qi)輸出在頁面

其他功能

還(huan)有一部(bu)分功(gong)能未能展(zhan)示或者未完善，請大家見諒。

小總結

第一(yi)次發表文(wen)章有點(dian)小慌張，寫的不好(hao)希望大(da)家諒解，說實話，在我看來，這次所寫的東(dong)西確實有點(dian)'糙(cao)'，但還(huan)是很開(kai)心自己能(neng)(neng)堅持寫下來，功能(neng)(neng)方(fang)面以后會繼續完(wan)善，希望能(neng)(neng)得到各位大(da)佬們的意見(jian)和(he)建議，沒啥說的，繼續努力吧，路漫漫其修遠兮，Just do it!