摘要：前言為了更好的開發(fā)，我們需要準(zhǔn)備我們需要的工具這里主要用來具體代碼的編寫微信開發(fā)者工具通過這個(gè)看效果圖通過這個(gè)網(wǎng)站可以偽造一些數(shù)據(jù)來供我們使用，非常方便。

隨著小程序的大熱，作為一個(gè)程序猿，我也開始接觸并且大概了解了一個(gè)制作小程序的一些過程，為了提高自己的動(dòng)手能力，于是乎，我開始來仿寫攜程的小程序，來實(shí)現(xiàn)一些基本功能，在仿寫的過程中，也遇到了一些難題，也有了一點(diǎn)收獲，希望可以通過這篇文章與大家共同交流，共同進(jìn)步。

為了更好的開發(fā)，我們需要準(zhǔn)備我們需要的工具：

Vscode：這里主要用來具體代碼的編寫

微信開發(fā)者工具：通過這個(gè)看效果圖

EasyMock: 通過這個(gè)網(wǎng)站可以偽造一些數(shù)據(jù)來供我們使用，非常方便。這個(gè)是我的數(shù)據(jù)接口

1.首先需要在查詢之前獲取輸入的所在城市以及到的城市，以及時(shí)間的選擇，通過這些條件去篩選，所以需要在點(diǎn)擊查詢按鈕的時(shí)候綁定一個(gè)時(shí)間，需要攜帶參數(shù)去進(jìn)行查詢

查詢

2.需要到跳轉(zhuǎn)的頁(yè)面接收參數(shù)通過onload事件的options獲取

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

3.最重要的是篩選出相關(guān)數(shù)據(jù)，這里需要一個(gè)for循環(huán)的判斷語(yǔ)句，在請(qǐng)求數(shù)據(jù)地址URL的時(shí)候，通過for循環(huán)和if語(yǔ)句找出相對(duì)應(yīng)的數(shù)據(jù)文件里面所對(duì)應(yīng)的json數(shù)據(jù)。

wx.request({
      url: API_BASE,
      success: (res) => {
        for(var i=0;i
4.這時(shí)候再在頁(yè)面通過for循環(huán)輸出就可以了
wx:for="{{searchedList}}"
wx:key="{{item.id}}"
temp.push(res.data.data.trainList[i]);
this.setData({
          searchedList:temp
        })
`
*小程序頁(yè)面?zhèn)髦档姆绞剑?.url傳值2.本地儲(chǔ)存3.全局的app對(duì)象
`
訂單查詢的實(shí)現(xiàn)
這里我采用了全局的app對(duì)象保存
1.先獲取全局對(duì)象，然后在點(diǎn)擊確定購(gòu)買的success回調(diào)函數(shù)的時(shí)，去獲取所有的信息，以一個(gè)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.然后在相應(yīng)的頁(yè)面去獲取這個(gè)全局的數(shù)組
onLoad: function (options) {
    this.setData({
      trainedList: app.globalData.trainedList
    })
    
  },
3.通過一個(gè)for循環(huán)讓其輸出在頁(yè)面

其他功能
還有一部分功能未能展示或者未完善，請(qǐng)大家見諒。
源碼地址
GitHub地址：https://github.com/yrq1429/yrq_js_fullstack/tree/master/wxapp/Ctrip
小總結(jié)
第一次發(fā)表文章有點(diǎn)小慌張，寫的不好希望大家諒解，說實(shí)話，在我看來，這次所寫的東西確實(shí)有點(diǎn)"糙"，但還是很開心自己能堅(jiān)持寫下來，功能方面以后會(huì)繼續(xù)完善，希望能得到各位大佬們的意見和建議，沒啥說的，繼續(xù)努力吧，路漫漫其修遠(yuǎn)兮，Just do it!