So implementieren Sie die Suchfeldfunktion im WeChat-Applet mit PHP

Mit der anhaltenden Beliebtheit von WeChat-Miniprogrammen ist die Suchfeldfunktion zu einem unverzichtbaren Bestandteil vieler Miniprogramme geworden. Es wird auch immer wichtiger, die Suchfeldfunktion des WeChat-Applets in PHP zu implementieren. In diesem Artikel wird erläutert, wie Sie mit PHP die Suchfeldfunktion im WeChat-Applet implementieren.

1. Benutzereingaben einholen

Bevor Sie die Suchfeldfunktion implementieren, müssen Sie zunächst die vom Benutzer eingegebenen Schlüsselwörter abrufen. Zu diesem Zweck können Sie die Sucheingabefeldkomponente verwenden, die mit dem WeChat-Applet geliefert wird, um die vom Benutzer eingegebenen Schlüsselwörter durch Überwachung seiner Eingabeereignisse abzurufen. Hier ist der Beispielcode:

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

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

2. Interaktion mit der Datenbank

Nachdem Sie die Benutzereingabe erhalten haben, müssen Sie sie als Nächstes an das PHP-Backend übergeben und dann mit der Datenbank für den Suchabgleich interagieren. Hier gehen wir davon aus, dass MySQL als Datenbank verwendet wird. Das Folgende ist der Beispielcode:

//在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();
?>

Im obigen Code werden zuerst die vom Benutzer eingegebenen Schlüsselwörter abgerufen, dann wird die Datenbank verbunden und eine Fuzzy-Matching-Suche durchgeführt. Wenn ein Ergebnis gefunden wird, wird das Ergebnis ausgegeben. Andernfalls wird „Kein Ergebnis gefunden“ angezeigt.

3. Daten auf dem Client anzeigen. Der letzte Schritt besteht darin, die von PHP zurückgegebenen Daten auf dem WeChat-Applet-Client anzuzeigen. Das Folgende ist der Beispielcode:

//在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
        })
      }
    })
  }
})

Im obigen Code verwenden wir die Scroll-Ansichtskomponente, die mit dem WeChat-Applet geliefert wird, um die von PHP zurückgegebene Datenliste anzuzeigen. Verwenden Sie die Methode wx.request, um eine Netzwerkanfrage an das PHP-Backend zu initiieren und die vom Benutzer eingegebenen Schlüsselwörter als Daten zu übergeben. Die von PHP zurückgegebenen Daten werden in der Listenvariablen des Clients in Form von res.data gespeichert und über setData auf dem Client aktualisiert.

Zusammenfassend sind die oben genannten Schritte zur Verwendung von PHP zur Implementierung der Suchfeldfunktion im WeChat-Applet aufgeführt. Es ist zu beachten, dass bei eingegebenen Schlüsselwörtern Datensicherheitsprüfungen durchgeführt werden sollten, um Injektionsangriffe zu vermeiden. Erwähnenswert ist, dass im eigentlichen Entwicklungsprozess auch Faktoren wie Suchgeschwindigkeit und Benutzererfahrung berücksichtigt werden müssen, um die Suchfunktion praktischer und effektiver zu gestalten.

Das obige ist der detaillierte Inhalt vonSo implementieren Sie die Suchfeldfunktion im WeChat-Applet mit PHP. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!