WeChatアプレットはウォーターフォールフローのページングスクロール読み込みを実装します

クラスページング{
  page //現在のページ番号を記録します count //表示されているページ数を記録します req //インターフェースリクエストオブジェクト（ここではカプセル化していますが、必要に応じてプロパティを定義できます）
  url // リクエスト パス moreData = true // 次のページのデータはありますか? (デフォルトでは、リクエストが初めて行われたときに次のページのデータが存在します)
  accumulator = [] // 読み込まれたデータリスト locker = false // ロックフラグ}

コンストラクター(req, ページ=0, カウント=5){
    this.page = ページ
    this.count = カウント
    this.req = 要求
    this.url = 必須のurl
  }

より多くのデータを取得する(){
 //1. 次のデータ ページが存在するかどうかを確認します//2. ロックを取得し、ロックが解除されているかどうかを確認します//3. データを要求する//4. ロックを解除します}

if(!this.moreData){
      戻る
}

_getLocker(){
    if(this.locker){
      偽を返す
    }
    this.locker = true
    真を返す
}

{
        empty, // 空ですか? items, // 現在のページのデータ moreData, // 次のページのデータはありますか accumulator // 要求されたすべてのデータ}

 _getCurrentReq(){
    url = this.url とします。
    //リクエストパラメータを設定する const params = `page=${this.page}&count=${this.count}`
    //スプライシング方法を判断する if(url.includes('?')){
      url += '&' + パラメータ
    }それ以外{
      url += '?' + パラメータ
    }
    this.req.url = URL
    これを返す。
 }

 _actualGetData(){
 
    const req = this._getCurrentReq() //特定のリクエストコンテンツを取得します。let paging = Http.request(req) //カスタムツールのリクエストメソッドを呼び出してデータを取得します。//結果が取得されない場合は、直接 null を返します。
    if(!ページング){
      nullを返す
    }
  
    ページング合計が 0 の場合
      戻る {
        空: true、
        アイテム: [],
        詳細データ: false、
        アキュムレータ: []
      }
    }
    
    //現在のページ番号が合計ページ番号より小さい場合は、次のページのデータがまだあることを意味します。moreData を true に設定し、そうでない場合は false に設定します。
    this.moreData = pageNum < totalPage-1 ? true : false
    
    //次のページのデータがある場合は、次の取得を容易にするためにページを1増やします。if (this.moreData) {
      このページ += 1
    }
    
    //ウォーターフォールフロー表示データを蓄積する必要があるため、データリストも蓄積する必要があります this.accumulator = this.accumulator.concat(paging.items)
    戻る {
      空: false、
      アイテム: paging.items、
      詳細情報: this.moreData、
      アキュムレータ: this.accumulator
    }
 }

this.locker = false

initBottomSpuList(){
 //ページングオブジェクトを取得する const paging = new Paging({
      URL: URL
    })
    //ページングオブジェクトをjsデータに保存します。this.data.spuPaging = paging
    //メソッドを呼び出す const data = paging.getMoreData()
    if(!データ){
      戻る
    }
    // ウォーターフォールフローを再読み込みします wx.lin.renderWaterFlow(data.items)
},

onReachBottom: 関数 () {
    定数データ = this.data.spuPaging.getMoreData()
    if(!データ){
      戻る
    }
    // ウォーターフォールフローを再読み込みします wx.lin.renderWaterFlow(data.items)
}