Beispiel für die Implementierung einer Website-Thumbing-Funktion durch PHP

Viele Websites unterstützen die Like- und Dislike-Funktionen, um Benutzerfeedback zum Inhalt der aktuellen Webseite anzuzeigen. In diesem Artikel werden hauptsächlich relevante Informationen zum vollständigen Front-End-Code von PHP zur Implementierung der Website-Upvoting-Funktion vorgestellt. Ich hoffe, es hilft allen.

Nachfolgend stellen wir den vollständigen Front-End-Implementierungscode der auf dieser Website verwendeten Like- und Dislike-Funktionen als Referenz für Benutzer bereit.

Der vollständige Front-End-Code umfasst HTML-, CSS- und JS-Code. Verwenden Sie den folgenden Front-End-Code sowie den Back-End-Code, den Sie einfach selbst implementieren können, um eine vollständige Upvote-Funktion zu erreichen.

Front-End-HTML-Code:

<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>

Front-End-CSS-Code:

#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;
}

Front-End-JS-Code, der Code hier basiert auf 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("由于系统或网络问题，投票没有成功，建议您稍后重新投票!");        
      }
    });
  });

Sie können den JS ändern Codieren Sie sich entsprechend den Anforderungen des Backends.

Die grobe Implementierung des Hintergrundcodes lautet: Bestimmen Sie zunächst anhand von Cookie- oder Datenbankdaten, ob der Benutzer abgestimmt hat. Wenn der Abstimmungsvorgang erfolgreich ist, wird „Done“ zurückgegeben ; wenn die Abstimmung fehlschlägt. Fehler oder andere Fehlerinformationen zurückgeben.

Verwandte Empfehlungen:

Instanz von PHP, die ODBC verwendet, um eine Verbindung zur Datenbank herzustellen

Beispiel für die PHP-Konvertierung von UBB-Code

Beispiel für ein PHP-Spaßtestprogramm

Das obige ist der detaillierte Inhalt vonBeispiel für die Implementierung einer Website-Thumbing-Funktion durch PHP. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!