Heim  >  Artikel  >  Backend-Entwicklung  >  Beispiel für die Implementierung einer Website-Thumbing-Funktion durch PHP

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

*文
*文Original
2017-12-28 15:50:091762Durchsuche

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("请求地址", {&#39;type&#39;: type, &#39;id&#39;: id }, function(data){
      data = $.trim(data);
      if(data == &#39;success&#39;){   //如果投票成功
        $num = me.find(".vote-num");
        $num.html( parseInt($num.html()) + 1 ); //投票+1
        //取消绑定的点击事件,并还原鼠标指针样式
        $("#vote .vote-btn").unbind("click").css("cursor", "auto");
        if(type == &#39;bury&#39;){
          alert("您投了反对票,敬请在评论中留言告知您的意见,以便于我们改正!");          
        }
      }else if(data == &#39;done&#39;){  //如果已经投票过
        //取消绑定的点击事件,并还原鼠标指针样式
        $("#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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn