搜尋

首頁 >後端開發 >php教程 >php模仿qq空間實現其功能實例

php模仿qq空間實現其功能實例

零下一度
零下一度原創
2017-06-15 14:29:304025瀏覽

這篇文章主要介紹了模仿qq空間或朋友圈發布動態、評論動態、回覆評論、刪除動態或評論的功能（中） ,需要的朋友可以參考下

在上一篇隨筆中已經將如何發布動態呈現了，那麼現在來看看剩下的評論動態、回覆評論、刪除動態和評論功能，這幾個功能會有點繞~~~

一、思路如下：

（1）你發表動態之後，會有人評論這一動態，當評論之後，你也會回覆該評論；（此處評論要單獨一張表，回覆也要單獨一張表）

（2）刪除動態：會將動態連同評論、回覆全部刪除；刪除評論：只會刪除該條評論

二、在寫程式碼之前，我還是想把流程說一遍：

#（1）發表動態---評論---回覆---再回覆

（2）將上邊的流程細化，我先在紙上寫出，再上傳，碼字不能表達清楚（注意的是，我想要的功能的實現，並不是一模一樣的哈）

#三、還是先將程式碼分塊解釋，最後將主頁碼完全附上（含上一篇）

在上一篇中已經實現發布動態、彈出評論框，那麼現在接著向下走：

分別看一下qqfriends, qqdongtai,qqpinglun，qqhuifu表,這是初始狀態:


#先以用戶李四登錄，由資料庫qqfriends表中知道，李四的好友是zhangsan, 和zhaoliu,那麼他的空間中顯示的好友動態如下：


#與上一篇相比，在這篇文章中，誰登入的我用中文顯示的：

<?php
   session_start();
   $uid = "";
   if(empty($_SESSION["uid"]))
   {
    header("location:login.php");
    exit;
   }
   $uid = $_SESSION["uid"];
   require "../DB.class.php";
   $db = new DB();
   $sql = "select name from qqusers where uid=&#39;{$uid}&#39;";
   $name = $db->strquery($sql);
   echo "欢迎："."<span class=&#39;qid&#39; yh=&#39;{$uid}&#39;>{$name}</span>";
   ?>

第一步：評論

1、評論張三的動態，點選「確定」後，就是第二張圖了~

##2、並將評論的內容寫進資料庫


 //定义空字符串，容纳评论的id  
  var code=""; 
 $(".pl").click(function(){     
    code = $(this).attr("code"); //将评论的id重新赋值                 
    }) 
//将评论写进数据库 
$("#tjpl").click(function(){
  var plnr = $(".pldt").val();
  var plid = code; //取发动态的id
  $.ajax({
  url:"pl-cl.php",
  data:{plnr:plnr,plid:plid},
  type:"POST",
  dataType:"TEXT",
  success:function(data){
   alert("评论成功！");
   window.location.href="main.php" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" ;
  }      
  });            
 })

pl-cl.php頁面0c6dc11e160d3b678d68754cc175188a0c6dc11e160d3b678d68754cc175188a



<?php
require "../DB.class.php";
$db = new DB();
session_start();
$uid = $_SESSION["uid"];
$plnr = $_POST["plnr"];
$dtid = $_POST["plid"];
$time = date("Y-m-d H:i:s", time());
$sql = "insert into qqpinglun values (&#39;&#39;,&#39;{$dtid}&#39;,&#39;{$uid}&#39;,&#39;{$plnr}&#39;,&#39;{$time}&#39;)";
$db->query($sql,0);
?>

查看qqpinglun表中是不是多了這一條「為什麼開心呢？」：

3、讀取評論內容：

<!--读取评论内容--> 
<p id="dqpl">
<?php
 $sql = "select * from qqpinglun";
 $arr = $db->query($sql);
 foreach($arr as $v)
 {
  $sql = "select * from qqdongtai where dtid=&#39;{$v[1]}&#39;";
  $arr2 = $db->query($sql);
  foreach($arr2 as $m)
  {
   //取发动态的姓名
   $sql = "select name from qqusers where uid=&#39;{$v[2]}&#39;";
   $name = $db->strquery($sql);
   //若果是登录者评论则显示“我”
   if($v[2]==$uid)
   {
    $name ="我";
   }
   //获取被评论者的姓名
   $sql = "select name from qqusers where uid=(select uid from qqdongtai where dtid=&#39;{$v[1]}&#39;)";
   $bpl = $db->strquery($sql);
   echo "<p class=&#39;a&#39;><span class=&#39;xm&#39;>{$name}</span>评论<span class=&#39;xm&#39;>{$bpl}</span>的动态:{$m[2]}<p>
    <p class=&#39;b&#39;>{$v[3]}</p>
   <p class=&#39;c&#39;>发表评论时间：{$v[4]}</p>
   <p class=&#39;d&#39;><button class=&#39;btn btn-primary hf&#39; ids =&#39;{$v[0]}&#39;>回复
   </button><span><a href=&#39;scpl-cl.php?code={$v[0]}&#39;>删除评论</a></span></p>";
  }
 }  
?>    
</p>

第二步：回覆

1、回覆剛剛的評論：


2、將回覆內容寫進資料庫

   //定义空字符串，容纳回复评论的id  
    var ids=""; 
    $(".hf").click(function(){     
       ids = $(this).attr("ids"); //将评论的id重新赋值  
//       alert((ids)); 
       $(&#39;#mM&#39;).modal(&#39;show&#39;);              
       }) 
   //将回复评论写进数据库 
   $("#tjhf").click(function(){
     var hfnr = $(".hfpl").val();
//     alert(hfnr);
//     alert(ids);
     $.ajax({
     url:"hf-cl.php",
     data:{hfnr:hfnr,ids:ids},
     type:"POST",
     dataType:"TEXT",
     success:function(data){
     alert("回复成功！");
    window.location.href="main.php" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" ;
     }      
     });            
    })

　hf-cl.php頁面


<?phprequire "../DB.class.php";
$db = new DB();
session_start();
$uid = $_SESSION["uid"];
$hfnr = $_POST["hfnr"];
$cid = $_POST["ids"];
$time = date("Y-m-d H:i:s", time());
$sql = "insert into qqhuifu values (&#39;&#39;,&#39;{$cid}&#39;,&#39;{$uid}&#39;,&#39;{$hfnr}&#39;,&#39;{$time}&#39;)";
$db->query($sql,0);
?>

　查看qqhuifu表，是不是多了一行呢？


3、將回覆內容讀出：

#
<p id="dqhf"> 
     <!--取一次回复-->
    <?php
    $sql = "select * from qqhuifu where cid in (select cid from qqpinglun)";
    $arr = $db->query($sql);
    foreach($arr as $a)
    {
     $sql = "select * from qqpinglun where cid=&#39;{$a[1]}&#39;";
     $arr2 = $db->query($sql);
     foreach($arr2 as $n)
     {
      //取评论动态的姓名
      $sql = "select name from qqusers where uid=&#39;{$a[2]}&#39;";
      $name = $db->strquery($sql);
      //若果是登录者评论则显示“我”
      if($a[2]==$uid)
      {
       $name ="我";
      }
      //获取被回复评论的姓名
      $sql = "select name from qqusers where uid=(select uid from qqpinglun where cid=&#39;{$a[1]}&#39;)";
      $bpl = $db->strquery($sql);
      echo "<p class=&#39;a&#39;><span class=&#39;xm&#39;>{$name}</span>回复<span class=&#39;xm&#39;>{$bpl}</span>的评论:{$n[3]}<p>
       <p class=&#39;b&#39;>{$a[3]}</p>
      <p class=&#39;c&#39;>回复时间：{$a[4]}</p>
      <p class=&#39;d&#39;><button class=&#39;btn btn-primary hf&#39; ids =&#39;{$a[0]}&#39;>回复
      </button><span><a href=&#39;schf-cl.php?code={$a[0]}&#39;>删除回复</a></span></p>"; 
     }
     }
    ?>
   </p>

回覆內容已經顯示了：

第三步：刪除

###1、刪除動態：（含註解與回覆）######scdt-cl.php######## #####
<?php
$code = $_GET["code"];
require "../DB.class.php";
$db = new DB();
$sql = "delete from qqdongtai where dtid=&#39;{$code}&#39;";
$db->query($sql,0);
$sql2 = "delete from qqpinglun where dtid=&#39;{$code}&#39;";
$db->query($sql2,0);
$sql3 = "delete from qqhuifu where cid=(select cid from qqpinglun where dtid=&#39;{$code}&#39;)";
$db->query($sql3,0);
header("location:main.php");
?>
###2、刪除評論：（含回應）######scpl-cl.php############
<?php
$code = $_GET["code"];
require "../DB.class.php";
$db = new DB();
$sql2 = "delete from qqpinglun where cid=&#39;{$code}&#39;";
$db->query($sql2,0);
$sql3 = "delete from qqhuifu where cid=&#39;{$code}&#39;";
$db->query($sql3,0);
header("location:main.php");
?>
###3、刪除回覆： （只自己）######schf-cl.php############
<?php
$code = $_GET["code"];
require "../DB.class.php";
$db = new DB();
$sql2 = "delete from qqpinglun where cid=&#39;{$code}&#39;";
$db->query($sql2,0);
$sql3 = "delete from qqhuifu where cid=&#39;{$code}&#39;";
$db->query($sql3,0);
header("location:main.php");
?>
###　關於刪除就不依序試了~~~注意包含關係就好了### ###主頁面全部程式碼：############

 
 
  
  
   
  
  
  
  
  
       
 
 
  

  strquery($sql);
   //这种方法可以取到uid。
   echo "欢迎："."{$name}";
   ?>
  
  

   
发表动态：

   
     
  

  
   
  

   
朋友动态：

   
   

    query($sql);
//    var_dump($arr);
    foreach($arr as $v)
    {
     $sql = "select name from qqusers where uid='{$v[1]}'";
     $name = $db->strquery($sql);
     if($v[1]==$uid)
     {
      $name = "我";
     }
     echo "
{$name}发表动态：

     
{$v[2]}

     
发表动态时间:{$v[3]}

     

      删除动态
";
    }
    ?>
   
   
      
   

   query($sql);
    foreach($arr as $v)
    {
     $sql = "select * from qqdongtai where dtid='{$v[1]}'";
     $arr2 = $db->query($sql);
     foreach($arr2 as $m)
     {
      //取发动态的姓名
      $sql = "select name from qqusers where uid='{$v[2]}'";
      $name = $db->strquery($sql);
      //若果是登录者评论则显示“我”
      if($v[2]==$uid)
      {
       $name ="我";
      }
      //获取被评论者的姓名
      $sql = "select name from qqusers where uid=(select uid from qqdongtai where dtid='{$v[1]}')";
      $bpl = $db->strquery($sql);
      echo "
{$name}评论{$bpl}的动态:{$m[2]}

       
{$v[3]}

      
发表评论时间：{$v[4]}

      
删除评论
";
     }
    }  
   ?>    
   

    
   
 
    query($sql);
//    var_dump($arr);
    foreach($arr as $a)
    {
     $sql = "select * from qqpinglun where cid='{$a[1]}'";
     $arr2 = $db->query($sql);
//     var_dump($arr2);
     foreach($arr2 as $n)
     {
      //取评论动态的姓名
      $sql = "select name from qqusers where uid='{$a[2]}'";
      $name = $db->strquery($sql);
      //若果是登录者评论则显示“我”
      if($a[2]==$uid)
      {
       $name ="我";
      }
      //获取被回复评论的姓名
      $sql = "select name from qqusers where uid=(select uid from qqpinglun where cid='{$a[1]}')";
      $bpl = $db->strquery($sql);
      echo "
{$name}回复{$bpl}的评论:{$n[3]}

       
{$a[3]}

      
回复时间：{$a[4]}

      
删除回复
"; 
     }
     }
    ?>
   

  

  
   

     

      

       
       

      

      
      

       
       
      

     

    

   
 
       
  
   

     

      

       
       

      

      
      

       
       
      

     

    

   
 
    
  
 
 

   <script>
//ajax方法：刷新页面时将内容读取出来，并按发表时间读出来
//    $.ajax({
//     url:"sx-cl.php",
//     dataType:"TEXT",
//     success:function(data){
//      var hang = data.trim().split("|");
//      var str="";
//      for(var i=0;i<hang.length;i++)
//      {
//       var lie = hang[i].split("^");        
//        str = str + "<p class=&#39;a&#39;><span class=&#39;xm&#39;>"+lie[1]+"</span>发表动态：</p><p class=&#39;b&#39;><p>"+lie[2]+"</p><p class=&#39;c&#39;>发表动态时间："+lie[3]+"</p>";              
//       str =str+"<p id=&#39;d&#39;><button class=&#39;btn btn-primary pl&#39; data-toggle=&#39;modal&#39; data-target=&#39;#myModal&#39; code =&#39;"+lie[0]+"&#39;>评论</button><span><a href=&#39;del.php?code="+lie[0]+"&#39;>删除动态</a></span></p>";
//      }
//      $("#nr").html(str);
//     //点击“评论按钮”实现将code值传到模态框的“提交按钮”
//     //为什么放在此处：因为ajax是异步的，如果不放在此处会加不上点击事件
//       $(".pl").click(function(){
//        code = $(this).attr("code"); //将评论的id重新赋值             
//       })     
//     } 
//    }); 
//    
//php方法： 当发表动态时，将动态内容写进数据库，并刷新页面
    $("#fb").click(function(){
    var dt= $(".xdt").val();
    var uid = $(".qid").attr("yh");
    $.ajax({
     url:"main-cl.php",
     data:{dt:dt},
     type:"POST",
     dataType:"TEXT",
     success:function(data){
      alert("发表动态成功！");
      window.location.href="main.php" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" ;
     } 
    });
    }) 
    //定义空字符串，容纳评论的id  
     var code=""; 
    $(".pl").click(function(){     
       code = $(this).attr("code"); //将评论的id重新赋值                 
       }) 
   //将评论写进数据库 
   $("#tjpl").click(function(){
     var plnr = $(".pldt").val();
     var plid = code; //取发动态的id
//    alert(plnr);
//    alert(plid); 
     $.ajax({
     url:"pl-cl.php",
     data:{plnr:plnr,plid:plid},
     type:"POST",
     dataType:"TEXT",
     success:function(data){
      alert("评论成功！");
      window.location.href="main.php" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" ;
     }      
     });            
    }) 
   //定义空字符串，容纳回复评论的id  
    var ids=&quot;&quot;; 
    $(&quot;.hf&quot;).click(function(){     
       ids = $(this).attr(&quot;ids&quot;); //将评论的id重新赋值  
//       alert((ids)); 
       $(&amp;#39;#mM&amp;#39;).modal(&amp;#39;show&amp;#39;);              
       }) 
   //将回复评论写进数据库 
   $(&quot;#tjhf&quot;).click(function(){
     var hfnr = $(&quot;.hfpl&quot;).val();
//     alert(hfnr);
//     alert(ids);
     $.ajax({
     url:&quot;hf-cl.php&quot;,
     data:{hfnr:hfnr,ids:ids},
     type:&quot;POST&quot;,
     dataType:&quot;TEXT&quot;,
     success:function(data){
     alert(&quot;回复成功！&quot;);
    window.location.href=&quot;main.php&quot; rel=&quot;external nofollow&quot; rel=&quot;external nofollow&quot; rel=&quot;external nofollow&quot; rel=&quot;external nofollow&quot; rel=&quot;external nofollow&quot; ;
     }      
     });            
    }) 
 </script>
###到這裡為止，動態的發布、動態的評論、動態的回應、動態的刪除都已經寫完了，但是有個問題還沒解決完，也就是回覆的回覆問題。請看下面的簡圖：######也就是回覆表中有一部分是回覆的評論，而剩餘的部分則是回覆的回覆（有點繞）想看的就繼續關注（下）未完待續~~~###

 

先總結遇到的問題：

（1）為什麼ajax輸出的button新增不點選事件？

     因為ajax是非同步ajax，所以要緊接在後。

（2）為什麼取不到button的值------this

（3）一個php頁面中，什麼時候用ajax？什麼時候用php？

    在這個實例中,我用ajax將資料寫進資料庫；用php從資料庫讀取內容。 （上一篇中，動態是用ajax讀取的，在這篇中，兩種方法都有，詳情請看全部程式碼）

（4）最後，邏輯清晰很關鍵，尤其是表與表之間的關聯。

以上是php模仿qq空間實現其功能實例的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
上一篇：新增日誌的相關內容推薦下一篇：新增日誌的相關內容推薦

相關文章

看更多