Exemple de php implémentant la fonction de navigation sur un site Web

De nombreux sites Web prennent en charge les fonctions J'aime et Je n'aime pas pour afficher les commentaires de satisfaction des utilisateurs sur le contenu de la page Web actuelle. Cet article présente principalement des informations pertinentes sur le code frontal complet de PHP pour implémenter la fonction de vote positif du site Web. J'espère que cela aide tout le monde.

Ci-dessous, nous fournissons le code complet d'implémentation frontale des fonctions J'aime et Je n'aime pas utilisées sur ce site pour référence de l'utilisateur.

Le code frontal complet comprend le code html, css et js. Utilisez le code frontal suivant, ainsi que le code back-end que vous pouvez simplement implémenter par vous-même, pour obtenir une fonction de vote positif complète.

Code HTML frontal :

<p id="vote" data_id="文章唯一key">
  <span id="dig" class="vote-btn"><span class="vote-num">顶的次数</span></span>
  <span id="bury" class="vote-btn"><span class="vote-num">踩的次数</span></span>
</p>

Code CSS frontal :

#vote {
  /* margin: 0 auto; */
  text-align: center;
}

.vote-btn {
  margin: 0 20px;
  display: inline-block;
  width: 60px;
  height: 54px;
  cursor: pointer;
}

#dig {
  background: url("http://www.php.cn/static/image/dig.gif");
}

#bury {
  background: url("http://www.php.cn/static/image/bury.gif");
}

.vote-num {
  display: inline-block;
  font-size: 14px;
  margin-top: 32px;
  color: white;
}

Code js front-end, le code ici est basé sur jQuery :

$("#vote .vote-btn").bind("click", function(){
    var me = $(this);
    var id = me.parent().attr("data_id");
    var type = this.id;
    $.post("请求地址", {'type': type, 'id': id }, function(data){
      data = $.trim(data);
      if(data == 'success'){   //如果投票成功
        $num = me.find(".vote-num");
        $num.html( parseInt($num.html()) + 1 ); //投票+1
        //取消绑定的点击事件，并还原鼠标指针样式
        $("#vote .vote-btn").unbind("click").css("cursor", "auto");
        if(type == 'bury'){
          alert("您投了反对票，敬请在评论中留言告知您的意见，以便于我们改正!");          
        }
      }else if(data == 'done'){  //如果已经投票过
        //取消绑定的点击事件，并还原鼠标指针样式
        $("#vote .vote-btn").unbind("click").css("cursor", "auto");
        alert("您已经投票过，无法再次投票!");
      }else{   //投票失败
        alert("由于系统或网络问题，投票没有成功，建议您稍后重新投票!");        
      }
    });
  });

Vous pouvez changer le js codez-vous en fonction des besoins du backend.

L'implémentation approximative du code d'arrière-plan est la suivante : déterminez d'abord si l'utilisateur a voté sur la base des données du cookie ou de la base de données. Si l'utilisateur a déjà voté, done est renvoyé si l'opération de vote est réussie, le succès est renvoyé ; ; si le vote échoue. Renvoie une erreur ou d'autres informations d'erreur.

Recommandations associées :

Instance de PHP utilisant ODBC pour se connecter à la base de données

Exemple de conversion php du code ubb

Exemple de programme de test amusant php

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!