微信小程序 簡單實例---火車票查詢應用，學習掌握小程序框架，及開發步驟的實現。微信小程序體現了輕便，易用的特點，并且上手快，前端知識好學易用。

1. 相關鏈接

本本項目代碼獲取地址

Github：https://github.com/VincentWYJ/WXAppTrain.git；

Blog file：http://files.cnblogs.com/files/tgyf/WXAppTrain.rar；

微信小程序開發學習資料

微信開發者平臺：https://mp.weixin.qq.com/debug/wxadoc/dev/framework/config.html?t=1475052055990，小程序開發工具可以在里面下載，值得高興的是新版本已經不再需要借助安裝0.7版本進行先登錄，而是可以直接登錄來開發與調試；

Flex css layout：http://www.w3cplus.com/css3/flexbox-basics.html，像我這樣的非前段開發者，對于Flex layout的使用得先花時間學習一番，不然連最基本的組件布局都比較困難，更不要說設計出美觀、交互性強的界面；

小程序：http://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1474632113_xQVCl&token=&lang=zh_CN，點擊提示無法打開/回到首頁的話請復制粘貼到地址欄進行打開，這里面的內容可以說是和第一個鏈接中的內容相輔相成，邊學邊用吧；

2. 界面展示

 結合動態圖描述一下目前實現的功能：

2.1 主頁上半部分顯示用戶頭像與用戶名（和微信中的信息一致，這部分組件是工具自帶的，我們可以修改這部分組件和內容，稍候會提到）；下半部分顯示一個經典的問候語“Hello World”，提供一個可點擊的按鈕“點擊獲取火車票”；

2.2 點擊按鈕后，通過事先指定的參數（調用了百度APIStore中去哪網火車票查詢接口，站-站查詢所需參數為始發地、目的地及時間）發送網絡請求，將獲取到的JSON數據按火車車次為節點進行解析并在新頁面顯示基本信息（除了詳細座位信息），為每個車次提供一個可點擊的按鈕“點擊查看座位信息”；

2.3 點擊某車次中的座位查詢按鈕后，會將該車次對應的所有座位信息顯示在新頁面中；

2.4 點擊后兩個頁面左上角的“返回”按鈕可回到上一頁，這個功能也是工具自帶的；

順便提一下在博客園中插入動畫，上面的演示過程是一張格式為gif的圖片，像添加普通圖片一樣操作即可。錄制工具使用的是靈者Gif錄制，可以指定開始、停止時所需操作與區域等錄制信息。

3. 要點分析

關于微信小程序工具的使用及初始項目的結構說明，網上資源已經很豐富，這里不打算再