Bagaimana untuk melaksanakan fungsi kotak carian dalam applet WeChat dengan PHP

Dengan populariti berterusan program mini WeChat, fungsi kotak carian telah menjadi bahagian yang amat diperlukan dalam banyak program mini. Ia juga menjadi semakin penting untuk melaksanakan fungsi kotak carian applet WeChat dalam PHP. Artikel ini akan memperkenalkan cara menggunakan PHP untuk melaksanakan fungsi kotak carian dalam applet WeChat.

1. Dapatkan input pengguna

Sebelum melaksanakan fungsi kotak carian, anda perlu terlebih dahulu mendapatkan kata kunci yang dimasukkan oleh pengguna. Untuk tujuan ini, anda boleh menggunakan komponen kotak input carian yang disertakan dengan applet WeChat untuk mendapatkan kata kunci yang dimasukkan oleh pengguna dengan memantau peristiwa inputnya. Berikut ialah kod sampel:

//在wxml文件中
<search-input bind:input="getInput" />

//在相应的js文件中
Page({
  data: {
    keyword: ''
  },
  getInput(e) {
    this.setData({
      keyword: e.detail.value
    })
  }
})

2. Berinteraksi dengan pangkalan data

Selepas mendapat input pengguna, anda seterusnya perlu menghantarnya ke hujung belakang PHP dan kemudian berinteraksi dengan pangkalan data untuk pemadanan carian. Di sini kita mengandaikan bahawa MySQL digunakan sebagai pangkalan data Berikut adalah contoh kod:

//在PHP文件中
<?php
header("Content-Type: text/html; charset=UTF-8");

$keyword = $_POST['keyword'];

$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "database";

$conn = new mysqli($servername, $username, $password, $dbname);
if ($conn->connect_error) {
    die("连接失败: " . $conn->connect_error);
}

$sql = "SELECT * FROM table WHERE name LIKE '%".$keyword."%'";
$result = $conn->query($sql);

if ($result->num_rows > 0) {
    while($row = $result->fetch_assoc()) {
        echo $row["name"]. "<br>";
    }
} else {
    echo "没有搜索到结果。";
}

$conn->close();
?>

Dalam kod di atas, kata kunci yang dimasukkan oleh pengguna pertama kali diperoleh, kemudian pangkalan data disambungkan, dan padanan kabur. pencarian dilakukan. Jika keputusan ditemui, hasilnya akan dikeluarkan; jika tidak, "Tiada hasil ditemui." data dipaparkan pada klien applet WeChat. Berikut ialah contoh kod:

//在wxml文件中
<scroll-view>
  <view wx:for="{{list}}" wx:key="{{index}}">
    {{item.name}}
  </view>
</scroll-view>

//在相应的js文件中
Page({
  data: {
    list: []
  },
  onLoad() {
    wx.request({
      url: '',
      method: 'POST',
      data: {
        keyword: ''
      },
      success: res => {
        this.setData({
          list: res.data
        })
      }
    })
  }
})

Dalam kod di atas, kami menggunakan komponen paparan tatal yang disertakan dengan applet WeChat untuk memaparkan senarai data yang dikembalikan daripada PHP. Gunakan kaedah wx.request untuk memulakan permintaan rangkaian ke bahagian belakang PHP dan lulus kata kunci yang dimasukkan oleh pengguna sebagai data. Data yang dikembalikan oleh PHP akan disimpan dalam pembolehubah senarai klien dalam bentuk res.data, dan akan dikemas kini kepada klien melalui setData.
3. Ringkasnya, di atas adalah langkah-langkah untuk menggunakan PHP untuk melaksanakan fungsi kotak carian dalam applet WeChat. Perlu diingatkan bahawa semakan keselamatan data harus dilakukan pada kata kunci yang dimasukkan untuk mengelakkan serangan suntikan. Perlu dinyatakan bahawa semasa proses pembangunan sebenar, faktor seperti kelajuan carian dan pengalaman pengguna juga mesti diambil kira untuk menjadikan fungsi carian lebih praktikal dan berkesan.

Atas ialah kandungan terperinci Bagaimana untuk melaksanakan fungsi kotak carian dalam applet WeChat dengan PHP. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!