微信小程序初探（2、分頁數據請求）

             你們好 波哥小猿又來啦[斜眼笑]，昨天我們講了微信小程序簡單數據請求，有沒有照着教程實現請求的同窗們啦 實現的同窗舉個爪[笑臉]。哈哈，好了不扯犢子啦，我相信有的同窗已經實現了簡單的數據請求，沒有實現小程序數據請求的也不要緊，你們在我文章裏評論我會耐心給你們答覆得，爭取讓看我文章的小夥伴都能學會小程序開發，忽然以爲好有成就感[偷笑]。

            昨天我們講了小程序的簡單數據請求，我相信你們內心會想，不就簡單的數據請求嗎，有能耐講點可貴...[捂臉]。正所謂千呼萬喚使出來，本着爲用戶考慮的角度，我決定講點複雜的啦，各位小夥伴搬着小板凳坐穩啦哈，前方高能預警無關人員請閃到一邊

       是的，他來啦，小程序分頁請求數據閃亮登場啦

 

1、對開發人員的要求

    （一）、開發人員須要會一些Mysql數據庫的簡單數據腳本編寫，好比 select * from [table]，或者select * from table where [條件] order by [column] 等 一些簡單的數據腳本，這些東西能夠在網上查詢到，這些不是本文討論重點，可是你得會，基礎薄弱的課後自行 問度娘學習

    （二）、會了上面這些東西還不夠，還得學習一下一個ORM，就是knex.js框架，小程序就是用knex.js框架來訪問數據庫的

     以上這些就是本堂課的基礎，小夥伴記下來了嗎

2、好了下面開始展現代碼啦，老鐵們坐穩啦

     本次數據仍是以上篇文章的brandmodeltab表爲例，若是須要數據腳本的，能夠在評論或者私信裏回覆，我會給你們的

     （一）、後臺代碼展現

          所謂後臺代碼其實就是所謂的接口啦，也就是我們用後端Node.js如何訪問數據庫啦

          個人代碼是這樣的，你們請看

          

         代碼知識點總結：

       一、後端接收小程序前端的請求參數，代碼展現以下

       

        後端（Node.js）接收前端（小程序）請求參數 用的是ctx.query 來接收的 返回的是一個Json數據和前端（小程序）請求的字段是一一對應的

       二、利用knex.js框架對Mysql數據庫作分頁處理，代碼以下

       

          注意，重點哈

          這段代碼重點就是 limit 和 offset的理解，請各位看官記好

           ①、數據庫數據計算是從0開始的

           ②、offset 指定要返回的第一行的偏移量，初始行的偏移量是0(不是1)

           ③、limit 指定返回行的最大數目

            例如：select * from brandmodeltab limit 10 offset 0，這段腳本的意思是，取brandmodeltab表前十條數據0,,10條，由於偏移量offset 爲0

                       select * from brandmodeltab limit 10 offset 10，這段腳本的意思是，取brandmodeltab表前十條數據11,,20條，由於偏移量offset 爲10

 

           好了觸類旁通，相信通過上面這些知識點的講解你們會理解上面 服務端的代碼得，你們如今是否是有點感受

 

        不要緊哈，對於一些基礎薄弱的同窗，確實到如今會感受濛濛得（由於我文章最開始的知識你還沒學[捂臉]，補完那些知識應該會好理解一些我寫的代碼），學心東西嗎 確定費點勁，不過不要灰心，你們在評論裏留言我會給你們耐心解答得。好了咱們接着要搞事情啦 

     

      (二)、前端代碼展現

         一、頁面初始字段定義

 

   這裏我在初始的data字段裏面定義了初始的字段用來請求數據用的，具體字段釋義請看註釋

    二、定義統一的請求函數fetchBeiDengList()函數

三、在頁面的下拉刷新事件和上拉加載事件的處理

    四、頁面數據渲染

展現效果以下所示

     好了到此前端的數據展現就完結了，由於前端的代碼我大部分都在代碼裏面作了註釋 此處就不在一一解釋啦，你們看註釋就好，好了相信有很多小夥伴已經躍躍欲試啦，你們請開始本身的小程序編寫吧，哈哈

    我們下期再見，拜拜

對了，走過路過不要錯過，記得點下關注呦