So implementieren Sie die Kommentarantwortfunktion in PHP-PHP-Problem-php.cn

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.

So implementieren Sie die Kommentarantwortfunktion in PHP

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

Nach dem Login kopieren

(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;);
 }

Nach dem Login kopieren

(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);
 }

Nach dem Login kopieren

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>

Nach dem Login kopieren

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

Nach dem Login kopieren

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!