ストレージをキャッシュマイクロ手紙アプレット

ストレージ

マイクロ手紙アプレット曲一覧ページの実装は、私たちが、曲リストデータを使用して、再生ページから戻って、再要求データを必要としないので、曲の再生ページがあること、キャッシュに保存されますので、曲情報に含まれる曲のリストから、曲のリストで実装されています曲のリストページを再要求データには必要ありません。

要求は、クラウドへの機能成功した後だけで次のメソッドを呼び出して

、次のようにすべてのコードは次のとおりです。

// pages/musiclist/musiclist.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    musiclist: [],
    listInfo: {},
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {
    console.log(options)
    wx.showLoading({
      title: '加载中',
    })
    wx.cloud.callFunction({
      name: 'music',
      data: {
        playlistId: options.playlistId,
        $url: 'musiclist'
      }
    }).then((res) => {
      console.log(res)
      const pl = res.result.playlist
      this.setData({
        musiclist: pl.tracks,
        listInfo: {
          coverImgUrl: pl.coverImgUrl,
          name: pl.name,
        }
      })
      this._setMusiclist()
      wx.hideLoading()
    })
  },

  _setMusiclist() {
    wx.setStorageSync('musiclist', this.data.musiclist)
  },
})

曲のリストページ、オープンな開発ツールストレージに、再コンパイルした後、キャッシュされたデータを表示します。

私たちは別の曲のリストをクリックして、曲のリストを入力して、キャッシュ内のデータが変更されている、それがコンテンツに対応するキーの元の記述が上書きされます。