PHP를 사용하여 WeChat 애플릿에서 검색 상자 기능을 구현하는 방법

WeChat 미니 프로그램의 지속적인 인기로 인해 검색창 기능은 많은 미니 프로그램에서 없어서는 안될 부분이 되었습니다. 또한 WeChat 애플릿의 검색창 기능을 PHP에서 구현하는 것이 점점 더 중요해지고 있습니다. 이 기사에서는 PHP를 사용하여 WeChat 애플릿에서 검색 상자 기능을 구현하는 방법을 소개합니다.

1. 사용자 입력 받기

검색창 기능을 구현하기 전에 먼저 사용자가 입력한 키워드를 가져와야 합니다. 이를 위해 WeChat 애플릿과 함께 제공되는 검색 입력 상자 구성 요소를 사용하면 입력 이벤트를 모니터링하여 사용자가 입력한 키워드를 얻을 수 있습니다. 샘플 코드는 다음과 같습니다.

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

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

2. 데이터베이스와 상호 작용

사용자 입력을 받은 후 이를 PHP 백엔드로 전달한 다음 검색 일치를 위해 데이터베이스와 상호 작용해야 합니다. 여기서는 MySQL을 데이터베이스로 사용한다고 가정합니다. 다음은 샘플 코드입니다.

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

위 코드에서는 사용자가 입력한 키워드를 먼저 얻은 후 데이터베이스를 연결하고 퍼지 일치 검색을 수행합니다. 결과가 있으면 결과가 출력되고, 그렇지 않으면 "결과가 없습니다."

3. 클라이언트에 데이터 표시

마지막 단계는 PHP에서 반환된 데이터를 WeChat 애플릿 클라이언트에 표시하는 것입니다. 다음은 샘플 코드입니다.

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

위 코드에서는 WeChat 애플릿과 함께 제공되는 스크롤 뷰 구성 요소를 사용하여 PHP에서 반환된 데이터 목록을 표시합니다. wx.request 메소드를 사용하여 PHP 백엔드에 대한 네트워크 요청을 시작하고 사용자가 입력한 키워드를 데이터로 전달합니다. PHP에서 반환된 데이터는 클라이언트의 목록 변수에 res.data 형식으로 저장되며, setData를 통해 클라이언트에 업데이트됩니다.

요약하자면 위의 내용은 PHP를 사용하여 WeChat 애플릿에서 검색창 기능을 구현하는 단계입니다. 주입 공격을 방지하려면 입력된 키워드에 대해 데이터 보안 검사를 수행해야 합니다. 실제 개발 과정에서 검색 기능을 보다 실용적이고 효과적으로 만들기 위해서는 검색 속도, 사용자 경험 등의 요소도 고려해야 한다는 점은 언급할 가치가 있습니다.

위 내용은 PHP를 사용하여 WeChat 애플릿에서 검색 상자 기능을 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!