Méthode d'implémentation de notation et de commentaires développée en PHP dans le mini-programme WeChat

Avec la popularité et le développement des mini-programmes WeChat, de plus en plus d'entreprises et de développeurs ont commencé à utiliser les mini-programmes WeChat pour créer leurs propres applications, et l'une des fonctions essentielles est la fonction d'évaluation et de commentaire. Cet article présentera la méthode de mise en œuvre des évaluations et des commentaires développée dans l'applet WeChat à l'aide de PHP.

Tout d'abord, nous devons clarifier les principes de mise en œuvre des deux fonctions de notation et de commentaire. La fonction d'évaluation peut être comprise comme un utilisateur évaluant un produit ou un service et enregistrant le score pour référence par d'autres utilisateurs. La fonction de commentaire permet aux utilisateurs de laisser leurs propres commentaires et suggestions sur une page de produit ou de service pour référence par les autres utilisateurs.

Ensuite, nous devons clarifier quels outils techniques sont nécessaires pour mettre en œuvre ces deux fonctions. PHP est un langage de programmation côté serveur populaire largement utilisé pour le développement Web. Dans l'applet WeChat, nous pouvons utiliser PHP pour interagir avec la base de données MySQL afin d'implémenter les fonctions d'évaluation et de commentaire.

1. Implémentez la fonction de notation

La base de la fonction de notation est de concevoir un contrôle de notation sur la page frontale, qui contient plusieurs éléments de notation et des boutons de soumission. Lorsque l'utilisateur clique sur le bouton Soumettre, le frontal enverra les données d'évaluation de l'utilisateur au fichier PHP d'arrière-plan via une requête POST, et le fichier PHP d'arrière-plan stocke les données via la base de données MySQL. L'exemple de code est le suivant :

Code de la page frontale (WXML) :

<view class="rate">
  <view class="title">服务评分：</view>
  <view class="stars">
    <view wx:for="{{[1,2,3,4,5]}}" wx:key="{{index}}" class="star" 
          data-score="{{index+1}}" bindtap="onStarClick">
      <image src="{{index<score ? '/images/star_on.png' : '/images/star_off.png'}}"></image>
    </view>
  </view>
  <view wx:if="{{score>0}}" class="submit" bindtap="onSubmitClick">提交评分</view>
</view>

Code logique du front-end (JS) :

Page({
  data: {
    score: 0,
  },
  onStarClick: function(e) {
    var score = e.currentTarget.dataset.score;
    this.setData({
      score: score,
    });
  },
  onSubmitClick: function(e) {
    wx.request({
      url: 'https://www.example.com/rate.php',
      data: {
        score: this.data.score,
      },
      method: 'POST',
      success: function(res) {
        wx.showToast({
          title: '评分成功',
          icon: 'success',
        });
      },
      fail: function(res) {
        wx.showToast({
          title: '评分失败',
          icon: 'none',
        });
      },
    });
  },
});

#🎜🎜 #Code PHP Backend : #🎜 🎜#

<?php

$score = $_POST['score'];

if (!empty($score)) {
  $conn = mysqli_connect('localhost', 'user', 'password', 'database');
  mysqli_query($conn, "INSERT INTO ratings (score) VALUES ('$score')");
}

?>

2. Implémentez la fonction de commentaire

La fonction de commentaire doit concevoir une zone de saisie et un bouton de soumission sur la page frontale lors de la soumission. est cliqué, le front-end demandera les données de commentaire de l'utilisateur via POST Envoyé au fichier PHP d'arrière-plan, le fichier PHP d'arrière-plan stocke les données via la base de données MySQL. De plus, afin d'éviter les commentaires malveillants et de protéger la confidentialité des utilisateurs, nous devons filtrer et chiffrer le contenu des commentaires. L'exemple de code est le suivant :

Code de la page frontale (WXML) :

<view class="comment">
  <textarea placeholder="写下你的评价" bindinput="onInput"></textarea>
  <view wx:if="{{content!=''}}" class="submit" bindtap="onSubmitClick">提交评价</view>
</view>

Code logique du front-end (JS) :

Page({
  data: {
    content: '',
  },
  onInput: function(e) {
    var content = e.detail.value;
    this.setData({
      content: content,
    });
  },
  onSubmitClick: function(e) {
    wx.request({
      url: 'https://www.example.com/comment.php',
      data: {
        content: this.data.content,
      },
      method: 'POST',
      success: function(res) {
        wx.showToast({
          title: '评论成功',
          icon: 'success',
        });
      },
      fail: function(res) {
        wx.showToast({
          title: '评论失败',
          icon: 'none',
        });
      },
    });
  },
});

#🎜🎜 #Code PHP Backend : #🎜 🎜#

<?php

$content = $_POST['content'];

if (!empty($content)) {
  $content = htmlspecialchars($content); // 过滤HTML标签
  $content = addslashes($content); // 转义特殊字符
  $conn = mysqli_connect('localhost', 'user', 'password', 'database');
  $now = date('Y-m-d H:i:s'); // 获取当前时间
  mysqli_query($conn, "INSERT INTO comments (content,time) VALUES ('$content','$now')");
}

?>

Summary

Grâce à l'introduction de cet article, nous avons appris à utiliser PHP pour développer des fonctions d'évaluation et de commentaires dans les mini-programmes WeChat. Les notes et les commentaires sont l'un des facteurs clés pour mesurer l'expérience utilisateur. Il est essentiel que les entreprises et les développeurs maîtrisent cette méthode de mise en œuvre. Dans le même temps, afin d'améliorer l'expérience utilisateur et la sécurité des données, nous devons également optimiser et mettre à niveau davantage les fonctions d'évaluation et de commentaires en conjonction avec d'autres moyens techniques.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!