攜程小程式初體驗例項

隨著小程式的大熱，作為乙個程式猿，我也開始接觸並且大概了解了乙個製作小程式的一些過程，為了提高自己的動手能力，於是乎，我開始來仿寫攜程的小程式，來實現一些基本功能，在仿寫的過程中，也遇到了一些難題，也有了一點收穫，希望可以通過這篇文章與大家共同交流，共同進步。

為了更好的開發，我們需要準備我們需要的工具：

vscode：這裡主要用來具體**的編寫微信開發者工具：通過這個看效果圖 easymock: 通過這個**可以偽造一些資料來供我們使用，非常方便。這個是我的資料介面

1.首先需要在查詢之前獲取輸入的所在城市以及到的城市，以及時間的選擇，通過這些條件去篩選，所以需要在點選查詢按鈕的時候繫結乙個時間，需要攜帶引數去進行查詢

查詢2.需要到跳轉的頁面接收引數通過onload事件的options獲取

var from = options.from;

var to = options.to;

var traintime = options.traintime;

3.最重要的是篩選出相關資料，這裡需要乙個for迴圈的判斷語句，在請求資料位址url的時候，通過for迴圈和if語句找出相對應的資料檔案裡面所對應的json資料。

wx.request(}"

wx:key="}"

temp.push(res.data.data.trainlist[i]);

this.setdata()

*小程式頁面傳值的方式：1.url傳值2.本地儲存3.全域性的app物件

這裡我採用了全域性的app物件儲存

1.先獲取全域性物件，然後在點選確定購買的success**函式的時，去獲取所有的資訊，以乙個json格式去獲取

const app = getapp();

var trainedlist = app.globaldata.trainedlist;

var trainitem = ;

trainedlist.push(trainitem);

2.然後在相應的頁面去獲取這個全域性的陣列

onload: function (options) )

},3.通過乙個for迴圈讓其輸出在頁面

還有一部分功能未能展示或者未完善，請大家見諒。

github位址：github.com/yrq1429/yrq…

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