微信小程式開發07-列表頁面怎麼做

接上文： 微信小程式開發06-一個業務頁面的完成

github地址：https://github.com/yexiaochai/wxdemo

我們首頁功能基本完成，我對比了下實際工作中的需求，完成度有70%以上，如果再花一兩天時間，便能跟之前工作做的差不多了，今天我們繼續實現一個頁面列表，便結束這次的學習，後面幾天要出差，所以總結性的文章本週未必能出來，靜待下週吧。

這裡考慮demo複雜度，列表頁功能完成度也僅僅完成主功能模組，與真實工作完成度對比60%左右吧，於是我們開始愉快的程式碼，首先是將我們的頁面樣式實現：

然後這裡需求請求資料，所以我們去設定一個請求實體：

開始請求引數：

接下來的工作便是渲染頁面即可，如果不考慮細節，只是做demo，真的很輕易呢：）

最後，我們完善一下這裡日期相關操作，便暫時結束這次學習：

列表頁的一些總結

我們做小程式相關學習有快兩週了，完成了一個簡單的demo，專案還是有一定複雜度，感覺上還是比較適合做小程式瞭解的，但是也有一些問題，比如寫到後面事實上更多是業務的東西了，業務會涉及很多細節體驗，需要耗時費力，比如今天的列表業務，顯然就偷懶了，程式碼質量也沒怎麼關注，事實上大家可以思考一些問題，這裡還差很多功能：

① 滾動載入

② 列表各種狀態

③ ……

事實上，列表頁是常用的一種業務頁面，雖然各種列表頁的篩選條件不一樣，但是主體功能無非都是：

① 列表渲染

② 滾動載入

③ 條件篩選、重新渲染

所以說我們其實可以將其做成一個頁面基類，跟abstract-page一個意思，這裡留待我們下次來處理吧，藉此我們微信小程式的學習教程就此結束，我後面幾天總結下前面所學整理一個部落格出來，幫助各位更好的瞭解。