Heim > Artikel > Backend-Entwicklung > So implementieren Sie die Kommentarantwortfunktion in PHP

So implementieren Sie die Kommentarantwortfunktion in PHP

藏色散人Original: 2021-09-12 09:57:477083Durchsuche

So implementieren Sie die Kommentarantwortfunktion in PHP: 1. Entwerfen Sie die Datentabelle. 2. Erhalten Sie die Kommentarliste. 3. Zeigen Sie die Aktion der Kommentarseite an. 5 . Erstellen Sie einen einzelnen Kommentarinformations-P-Strukturcode. 6. Legen Sie den Stil der Beschriftungsschaltfläche für die Beantwortung von Kommentaren fest.

Die Betriebsumgebung dieses Artikels: Windows 7-System, PHP-Version 7.1, DELL G3-Computer

Wie implementiert man die Kommentar-Antwort-Funktion in PHP?

php unbegrenzte Klassifizierung zur Realisierung der Kommentar- und Antwortfunktion

Sie sehen die Kommentarfunktion oft unter der Detailseite großer Foren oder News-Bereiche. Natürlich ist es nicht nur so einfach, den Kommentarinhalt direkt zu posten. Sie können auch auf die Kommentare anderer Personen antworten, andere können Ihre Antwort erneut kommentieren oder beantworten usw. Theoretisch kann man sagen, dass es endlos ist. Aus technischer Sicht ist es leicht, sich die Verwendung unendlicher Klassifizierungstechnologie zum Speichern von Daten vorzustellen Verwenden Sie Rekursion, um hierarchische Strukturdaten für Kommentare zu erhalten, und verwenden Sie Ajax, um die Interaktion mit der Kommentarseite zu implementieren. Hier ist eine einfache Demo, bei der das Thinkphp-Framework zum Üben verwendet wird. Um den Prozess zu vereinfachen, beginnen die Kommentare der dritten Ebene natürlich nicht mehr zu antworten Solange auf dieser Basis einige Änderungen vorgenommen werden, kann die unendliche Antwortfunktion realisiert werden, hauptsächlich die Änderung des Ansichtsebenenstils. Dies ist mühsamer und nimmt einige Zeit in Anspruch.

1. Wirkungsbedarfsanalyse:

1 Sie können Kommentare der ersten Ebene direkt in der Kopfzeile posten, und die neuesten Kommentare werden oben angezeigt, wie in den folgenden Darstellungen gezeigt

2 kann auf gepostete Kommentare antworten. Antworten werden unterhalb der übergeordneten Kommentare angezeigt und bilden eine hierarchische Beziehung, wie in der folgenden Darstellung dargestellt

3 Details zum Seitenvorgang: Wenn Sie auf die Antwortschaltfläche eines Kommentars klicken, wird der Antworttext eingegeben Das Feld wird angezeigt und die Antworttext-Eingabefelder anderer Kommentare werden ausgeblendet. Wenn Sie erneut auf die Schaltfläche „Antworten“ klicken, wird das Textfeld ausgeblendet.

4 Deaktivieren Sie die Antwortfunktion auf der letzten Kommentarebene (hier auf die dritte Ebene eingestellt). 5. Anzeige der Gesamtzahl der Kommentare in Echtzeit Controller-Layer-Schlüssel Funktion:

(1). Rufen Sie die Kommentarliste rekursiv ab

/**
*递归获取评论列表
 */
 protected function getCommlist($parent_id = 0,&$result = array()){ 
 $arr = M(&#39;comment&#39;)->where("parent_id = &#39;".$parent_id."&#39;")->order("create_time desc")->select(); 
 if(empty($arr)){
 return array();
 }
 foreach ($arr as $cm) { 
 $thisArr=&$result[];
 $cm["children"] = $this->getCommlist($cm["id"],$thisArr); 
 $thisArr = $cm;     
 }
 return $result;
 }

(3). Implementierung

(1). Zeigt das gesamte Strukturdesign der Seite an

Tatsächlicher Effekt:

Seiten-HTML-Code:

public function index(){ 
 $num = M(&#39;comment&#39;)->count(); //获取评论总数
 $this->assign(&#39;num&#39;,$num);
 $data=array();
 $data=$this->getCommlist();//获取评论列表
 $this->assign("commlist",$data);
 $this->display(&#39;index&#39;);
 }

(2). entsprechende Darstellung:

entsprechender CSS-Code:

/**
*添加评论
 */
 public function addComment(){  
 $data=array();
 if((isset($_POST["comment"]))&&(!empty($_POST["comment"]))){
 $cm = json_decode($_POST["comment"],true);//通过第二个参数true，将json字符串转化为键值对数组
 $cm[&#39;create_time&#39;]=date(&#39;Y-m-d H:i:s&#39;,time());
 $newcm = M(&#39;comment&#39;);
 $id = $newcm->add($cm);

 $cm["id"] = $id;
 $data = $cm;

 $num = M(&#39;comment&#39;)->count();//统计评论总数
 $data[&#39;num&#39;]= $num;

 }else{
 $data["error"] = "0";
 }


 echo json_encode($data);
 }

4. JS-Code

(1). Die Schaltfläche zum Senden von Kommentaren verweist auf den Stil „Kommentar senden“ und führt Ajax-Operationen aus in seinem Klick-Ereignis

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
 <title>php无限级分类实战————评论及回复功能</title>
 <link rel="stylesheet" type="text/css" href="/Public/css/comment.css" rel="external nofollow" >
 <script type="text/javascript" src="/Public/js/jquery-1.11.3.min.js" ></script>
 <script type="text/javascript" src="/Public/js/comment.js" ></script>
</head>
<body>

<p class="comment-filed">
 <!--发表评论区begin-->
 <p>
 <p class="comment-num">
 <span>{$num}条评论</span>
 </p>
 <p>
 <p>
 <textarea class="txt-commit" replyid="0"></textarea>
 </p>
 <p class="p-txt-submit">
  <a class="comment-submit" parent_id="0" style="" href="javascript:void(0);" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" ><span style=&#39;&#39;>发表评论</span></a>
 </p> 
 </p>
 </p>
 <!--发表评论区end-->

 <!--评论列表显示区begin-->
 <!-- {$commentlist} -->
 <p class="comment-filed-list" >
 <p><span>全部评论</span></p>
 <p class="comment-list" >
  <!--一级评论列表begin-->
  <ul class="comment-ul"> 
  <volist name="commlist" id="data">   
   <li comment_id="{$data.id}">   
   <p >
   <p>
    <img class="head-pic" src="{$data.head_pic}" alt=""> 
   </p>
   <p class="cm">
    <p class="cm-header">
    <span>{$data.nickname}</span>
    <span>{$data.create_time}</span>
    </p>
    <p class="cm-content">
    <p>
     {$data.content}
    </p>
    </p>
    <p class="cm-footer">
    <a class="comment-reply" comment_id="{$data.id}" href="javascript:void(0);" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >回复</a>   
    </p> 
   </p>        
   </p>

   <!--二级评论begin-->
   <ul class="children">
   <volist name="data.children" id="child" >    
   <li comment_id="{$child.id}">   
    <p >
    <p>
     <img class="head-pic" src="{$child.head_pic}" alt=""> 
    </p>
    <p class="children-cm">
     <p class="cm-header">
     <span>{$child.nickname}</span>
     <span>{$child.create_time}</span>
     </p>
     <p class="cm-content">
     <p>
      {$child.content}
     </p>
     </p>
     <p class="cm-footer">    
     <a class="comment-reply" replyswitch="off" comment_id="{$child.id}" href="javascript:void(0);" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >回复</a>
     </p> 
    </p>        
    </p>

    <!--三级评论begin-->
    <ul class="children">
    <volist name="child.children" id="grandson" > 
    <li comment_id="{$grandson.id}">   
     <p >
     <p>
      <img class="head-pic" src="{$grandson.head_pic}" alt=""> 
     </p>
     <p class="children-cm">
      <p class="cm-header">
      <span>{$grandson.nickname}</span>
      <span>{$grandson.create_time}</span>
      </p>
      <p class="cm-content">
      <p>
       {$grandson.content}
      </p>
      </p>
      <p class="cm-footer">    
      <!-- <a class="comment-reply" comment_id="1" href="javascript:void(0);" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >回复</a> -->
      </p> 
     </p>        
     </p>
    </li>
    </volist>
    </ul> 
    <!--三级评论end-->

   </li>
   </volist>
   </ul> 
   <!--二级评论end-->

  </li>
  </volist>         
  </ul>
  <!--一级评论列表end-->
 </p> 
 </p>
 <!--评论列表显示区end-->
</p> 
</body>
</html>

(2). Die Beschriftungsschaltfläche, die auf Kommentare antwortet, verweist auf den Kommentar-Antwort-Stil und führt den Vorgang zum Ein- oder Ausblenden des Kommentar-Eingabefelds in seinem Klick-Ereignis aus

<p >
 <p>
 <img class="head-pic" src="{$data.head_pic}" alt=""> 
 </p>
 <p class="cm">
 <p class="cm-header">
  <span>{$data.nickname}</span>
  <span>{$data.create_time}</span>
  </p>
 <p class="cm-content">
   <p>
   {$data.content}
   </p>
 </p>
 <p class="cm-footer">
  <a class="comment-reply" comment_id="{$data.id}" href="javascript:void(0);" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >回复</a>   
 </p> 
 </p>        
</p>

Empfohlenes Lernen : „

PHP-Video-Tutorial

“

Das obige ist der detaillierte Inhalt vonSo implementieren Sie die Kommentarantwortfunktion in 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

Vorheriger Artikel：So lösen Sie das verstümmelte Problem der PHP-ImportdatenbankNächster Artikel：So lösen Sie das verstümmelte Problem der PHP-Importdatenbank

In Verbindung stehende Artikel

Mehr sehen