Bagaimana untuk melaksanakan senarai pembangunan PHP dalam applet WeChat dengan menatal ke bawah

Dengan populariti telefon pintar, semakin banyak aplikasi mula beralih ke peranti mudah alih. Sebagai salah satu model pembangunan, applet WeChat telah mendapat lebih banyak perhatian. Dalam proses pembangunan program kecil, cara menatal senarai ke bawah untuk melihat lebih banyak data adalah keperluan yang agak biasa. Artikel ini akan memperkenalkan cara menggunakan PHP untuk membangunkan dan melaksanakan fungsi ini dalam applet WeChat.

1. Prinsip pemuatan automatik apabila menatal ke bawah

Sebelum memperkenalkan kaedah pelaksanaan khusus, mari kita fahami prinsip pemuatan automatik apabila menatal ke bawah. Sebenarnya, idea teras untuk melaksanakan fungsi ini adalah sangat mudah, iaitu, menggunakan kaedah onReachBottom yang disediakan oleh applet WeChat Kaedah ini dicetuskan apabila pengguna menatal ke bahagian bawah senarai, dan kemudian menghantar a meminta kepada pelayan untuk mendapatkan lebih banyak data dan memaparkannya.

2. Bagaimana untuk menatal ke bahagian bawah senarai pelaksanaan pembangunan PHP

1. Menulis antara muka PHP

Pertama, kita perlu menulis PHP antara muka kepada Pelanggan menghantar data. Dalam antara muka ini, kita perlu menghuraikan parameter yang diluluskan oleh klien, seperti nombor halaman semasa, bilangan item yang dipaparkan pada setiap halaman, dsb., dan menanyakan data yang sepadan daripada pangkalan data berdasarkan parameter ini dan mengembalikannya kepada pelanggan. Oleh itu, kita perlu mahir dalam operasi berkaitan PHP dan MySQL.

Berikut ialah coretan kod PHP mudah:

<?php
$currentPage = $_POST['currentPage'];
$pageSize = $_POST['pageSize'];
$offset = ($currentPage - 1) * $pageSize;

$sql = "SELECT * FROM table LIMIT $offset,$pageSize";
$result= mysqli_query($conn, $sql);

$response = array();
$data = array();
while($row = mysqli_fetch_assoc($result)){
      array_push($data, $row);
}
mysqli_free_result($result);
mysqli_close($conn);
$response['success'] = true;
$response['data'] = $data;
echo json_encode($response);
?>

2. Menghantar permintaan dalam program mini

Seterusnya, kami perlu menghantar permintaan dalam program mini WeChat Hantar permintaan kepada pelayan untuk mendapatkan data. Sebelum melaksanakan fungsi ini, kami perlu memperkenalkan perpustakaan pihak ketiga wxrequest.js ke dalam applet Pustaka ini boleh membantu kami menghantar permintaan tak segerak dan mendapatkan data dengan mudah.

Panggil kaedah wx.request untuk menghantar kod permintaan seperti berikut:

wx.request({
  url: 'https://example.com/getList',
  data: {
    currentPage: currentPage,
    pageSize: pageSize
  },
  method: 'POST',
  header: {
    'content-type': 'application/x-www-form-urlencoded'
  },
  success: function (res) {
    // 处理返回数据
    if (res.data.success) {
      var l = res.data.data.length;
      var newData = l ? (that.data.list.concat(res.data.data)) : [];

      // 更新数据
      that.setData({
        list: newData      })
    } 
  }
})

Antaranya, url ialah alamat pelayan yang menghantar permintaan, data adalah data permintaan, kaedah adalah permintaan kaedah, pengepala ialah pengepala permintaan, dan kejayaan ialah fungsi Panggilan Balik apabila permintaan itu berjaya.

3. Dengar acara tatal

Dalam langkah terakhir melaksanakan fungsi ini, kita perlu mendengar acara tatal senarai dan mencetuskan acara onReachBottom applet WeChat apabila menatal ke bawah Hantar permintaan melalui acara ini untuk mendapatkan lebih banyak data dan memaparkannya.

Kodnya adalah seperti berikut:

// 监听页面滑动事件
onPageScroll: function(e) {
  // 滚动到底部，触发onReachBottom事件
  if(e.scrollHeight - e.scrollTop === e.clientHeight) {
    if(!this.data.loading) {
      this.setData({
        loading: true
      })
      // 加载下一页数据
      this.getList();
    }
  }
},

// onReachBottom事件：加载下一页数据
onReachBottom: function () {
  if (!this.data.loading) {
    this.setData({
      loading: true
    })
    // 加载下一页数据
    this.getList();
  }
},

// 获取列表数据
getList: function () {
  var that = this;
  var currentPage = that.data.currentPage + 1;
  var pageSize = that.data.pageSize;
  wx.request({
    url: 'https://example.com/getList',
    data: {
      currentPage: currentPage,
      pageSize: pageSize
    },
    method: 'POST',
    header: {
      'content-type': 'application/x-www-form-urlencoded'
    },
    success: function (res) {
      // 处理返回数据
      if(res.data.success) {
        var l = res.data.data.length;
        var newData = l ? (that.data.list.concat(res.data.data)) : [];
        // 更新数据
        that.setData({
          list: newData,
          currentPage: currentPage
        })
      }
      that.setData({
        loading: false
      })
    }
  })
}

Melalui pengenalan artikel ini, saya percaya anda telah mempelajari cara menggunakan pembangunan PHP untuk menatal senarai ke bahagian bawah dalam applet WeChat. Ini adalah kaedah pembangunan yang agak mudah dan praktikal yang tidak memerlukan terlalu banyak pergantungan pada perpustakaan pihak ketiga dan lebih fleksibel dalam pembangunan. Pada masa yang sama, melaksanakan fungsi ini juga merupakan langkah penting dalam pembangunan program mini, yang boleh meningkatkan pengalaman pengguna dan mengoptimumkan kecekapan operasi pengguna.

Atas ialah kandungan terperinci Bagaimana untuk melaksanakan senarai pembangunan PHP dalam applet WeChat dengan menatal ke bawah. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!