《PHP學習:php模仿qq空間或朋友圈發布動態、評論動態、回復評論、刪除動態或評論的功能(中)》要點:
本文介紹了PHP學習:php模仿qq空間或朋友圈發布動態、評論動態、回復評論、刪除動態或評論的功能(中),希望對您有用。如果有疑問,可以聯系我們。
在上一篇隨筆中已經將如何發布動態呈現了,那么現在來看一下剩下的評論動態、回復評論、刪除動態和評論功能,這幾個功能會有點繞~~~PHP實例
一、思路如下:PHP實例
(1)你發表動態之后,會有人評論這一條動態,當評論之后,你也會回復該評論;(此處評論要單獨一張表,回復也要單獨一張表)PHP實例
(2)刪除動態:會將動態連同評論、回復全部刪除;刪除評論:只會刪除該條評論PHP實例
二、在寫代碼之前,我還是想把流程說一遍:PHP實例
(1)發表動態---評論---回復---再回復PHP實例
(2)將上邊的流程細化,我先在紙上寫出,再上傳,碼字不能表達清楚(注意的是,我想要的功能的實現,并不是一模一樣的哈)PHP實例
PHP實例
PHP實例
三、還是先將代碼分塊解釋,最后將主頁面代碼完全附上(含上一篇)PHP實例
在上一篇中已經實現發布動態、彈出評論框,那么現在接著向下走:PHP實例
分別看一下qqfriends,qqdongtai,qqpinglun,qqhuifu表,這是初始狀態:PHP實例
PHP實例
PHP實例
PHP實例
PHP實例
先以用戶李四登錄,由數據庫qqfriends表中知道,李四的好友是zhangsan, 和zhaoliu,那么他的空間中顯示的好友動態如下:PHP實例
PHP實例
PHP實例
與上一篇相比,在這一篇中,誰登錄的我用中文顯示的:PHP實例
<?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='{$uid}'"; $name = $db->strquery($sql); echo "歡迎:"."<span class='qid' yh='{$uid}'>{$name}</span>"; ?>
第一步:評論PHP實例
1、評論張三的動態,點擊“確定”后,就是第二張圖了~PHP實例
PHP實例
2、并將評論的內容寫進數據庫PHP實例
//定義空字符串,容納評論的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頁面<br><br>PHP實例
<?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 ('','{$dtid}','{$uid}','{$plnr}','{$time}')"; $db->query($sql,0); ?>
查看qqpinglun表中是不是多了這一條 “為什么開心呢?”:PHP實例
PHP實例
3、讀取評論內容:PHP實例
<!--讀取評論內容--> <div id="dqpl"> <?php $sql = "select * from qqpinglun"; $arr = $db->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 "<div class='a'><span class='xm'>{$name}</span>評論<span class='xm'>{$bpl}</span>的動態:{$m[2]}<div> <div class='b'>{$v[3]}</div> <div class='c'>發表評論時間:{$v[4]}</div> <div class='d'><button class='btn btn-primary hf' ids ='{$v[0]}'>回復 </button><span><a href='scpl-cl.php?code={$v[0]}'>刪除評論</a></span></div>"; } } ?> </div>
第二步:回復PHP實例
1、回復剛剛的評論:PHP實例
2、將回復內容寫進數據庫PHP實例
//定義空字符串,容納回復評論的id var ids=""; $(".hf").click(function(){ ids = $(this).attr("ids"); //將評論的id重新賦值 // alert((ids)); $('#mM').modal('show'); }) //將回復評論寫進數據庫 $("#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頁面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 ('','{$cid}','{$uid}','{$hfnr}','{$time}')"; $db->query($sql,0); ?>
查看qqhuifu表,是不是多了一行呢?PHP實例
PHP實例
3、將回復內容讀出:PHP實例
<div 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='{$a[1]}'"; $arr2 = $db->query($sql); 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 "<div class='a'><span class='xm'>{$name}</span>回復<span class='xm'>{$bpl}</span>的評論:{$n[3]}<div> <div class='b'>{$a[3]}</div> <div class='c'>回復時間:{$a[4]}</div> <div class='d'><button class='btn btn-primary hf' ids ='{$a[0]}'>回復 </button><span><a href='schf-cl.php?code={$a[0]}'>刪除回復</a></span></div>"; } } ?> </div>
回復內容已經顯示了:PHP實例
PHP實例
第三步:刪除PHP實例
1、刪除動態:(含評論和回復)PHP實例
scdt-cl.phpPHP實例
<?php $code = $_GET["code"]; require "../DB.class.php"; $db = new DB(); $sql = "delete from qqdongtai where dtid='{$code}'"; $db->query($sql,0); $sql2 = "delete from qqpinglun where dtid='{$code}'"; $db->query($sql2,0); $sql3 = "delete from qqhuifu where cid=(select cid from qqpinglun where dtid='{$code}')"; $db->query($sql3,0); header("location:main.php"); ?>
2、刪除評論:(含回復)PHP實例
scpl-cl.phpPHP實例
<?php $code = $_GET["code"]; require "../DB.class.php"; $db = new DB(); $sql2 = "delete from qqpinglun where cid='{$code}'"; $db->query($sql2,0); $sql3 = "delete from qqhuifu where cid='{$code}'"; $db->query($sql3,0); header("location:main.php"); ?>
3、刪除回復:(只自己)PHP實例
schf-cl.phpPHP實例
<?php $code = $_GET["code"]; require "../DB.class.php"; $db = new DB(); $sql2 = "delete from qqpinglun where cid='{$code}'"; $db->query($sql2,0); $sql3 = "delete from qqhuifu where cid='{$code}'"; $db->query($sql3,0); header("location:main.php"); ?>
關于刪除就不依次試了~~~注意包含關系就好了PHP實例
主頁面全部代碼:PHP實例
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <!--引入bootstrap的css文件--> <link type="text/css" rel="stylesheet" href="../bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="external nofollow" /> <!--引入js包--> <script src="../jquery-3.2.0.js"></script> <!--引入bootstrap的js文件--> <script src="../bootstrap-3.3.7-dist/js/bootstrap.min.js"></script> <style> #body{ height: auto; width: 1000px; margin: 0px auto; } #xdt{ height: 200px; width:1000px; border: 1px solid cadetblue; } /*動態和評論div*/ .fdt{ position: relative; width: 1000px; } /*讀取內容div*/ #nr{ width: 1000px; } /*誰發表動態樣式*/ .a{ float: left; min-height:40px; width: 1000px; background-color: goldenrod; } /*姓名*/ .xm{ font-size: 18px; color: brown; font-weight: bold; } /*發表動態樣式內容*/ .b{ float: left; text-align: left; height:100px; line-height: 50px; width: 100%; background-color: greenyellow; } /*發表時間與回復刪除樣式*/ .c{ height:30px; width: 800px; float: left; font-size: 12px; text-align:right; background-color: gainsboro; } /*彈出模態框評論框*/ .d{ height:30px; width: 200px; float: left; font-size: 15px; text-align:center; background-color: gainsboro; } /*讀取評論div*/ #dqpl{ width: 1000px; } #dqhf { width: 1000px; } </style> </head> <body> <div id="body"> <?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='{$uid}'"; $name = $db->strquery($sql); //這種方法可以取到uid. echo "歡迎:"."<span class='qid' yh='{$uid}'>{$name}</span>"; ?> <!--寫動態--> <div id="xdt"> <p>發表動態:</p> <textarea cols="100px" rows="5px" name="xdt" class="xdt"></textarea> <input type="submit" value="發表" id="fb" /> </div> <!--動態內容結束--> <!--容納動態內容--> <div class="fdt"> <p style="color: brown; font-family: '微軟雅黑';font-weight: bold;font-size: 20px; margin-bottom: 20px; margin-top: 20px;">朋友動態:<p> <!--讀取動態內容--> <div id="nr"> <?php $date = date ("Y-m-d H:i:s"); $sql = "select * from qqdongtai where uid='{$uid}' or uid in (select uid from qqfriends where fname =(select name from qqusers where uid='{$uid}')) order by time desc"; //echo $sql; $arr = $db->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 "<div class='a'><span class='xm'>{$name}</span>發表動態:</div> <div class='b'>{$v[2]}</div> <div class='c'>發表動態時間:{$v[3]}</div> <div class='d'><button class='btn btn-primary pl' data-toggle='modal' data-target='#myModal' code ='$v[0]'>評論</button> <span><a href='scdt-cl.php?code={$v[0]}'>刪除動態</a></span></div>"; } ?> </div> <!--讀取評論內容--> <div id="dqpl"> <?php $sql = "select * from qqpinglun"; $arr = $db->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 "<div class='a'><span class='xm'>{$name}</span>評論<span class='xm'>{$bpl}</span>的動態:{$m[2]}<div> <div class='b'>{$v[3]}</div> <div class='c'>發表評論時間:{$v[4]}</div> <div class='d'><button class='btn btn-primary hf' ids ='{$v[0]}'>回復 </button><span><a href='scpl-cl.php?code={$v[0]}'>刪除評論</a></span></div>"; } } ?> </div> <!--讀取回復的內容--> <div id="dqhf"> <?php $sql = "select * from qqhuifu where cid in (select cid from qqpinglun)"; $arr = $db->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 "<div class='a'><span class='xm'>{$name}</span>回復<span class='xm'>{$bpl}</span>的評論:{$n[3]}<div> <div class='b'>{$a[3]}</div> <div class='c'>回復時間:{$a[4]}</div> <div class='d'><button class='btn btn-primary hf' ids ='{$a[0]}'>回復 </button><span><a href='schf-cl.php?code={$a[0]}'>刪除回復</a></span></div>"; } } ?> </div> </div> <!-- 評論模態框(Modal) --> <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title" id="myModalLabel">評論</h4> </div> <textarea class="modal-body pldt" cols="80px"></textarea> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">關閉</button> <button type="button" class="btn btn-primary" id="tjpl">提交評論</button> </div> </div> </div> </div> <!--模態框結束--> <!-- 回復模態框(Modal) --> <div class="modal fade" id="mM" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title" id="myModalLabel">回復</h4> </div> <textarea class="modal-body hfpl" cols="80px"></textarea> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">關閉</button> <button type="button" class="btn btn-primary" id="tjhf">提交回復</button> </div> </div> </div> </div> <!--模態框結束--> </div> </body> </html> <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 + "<div class='a'><span class='xm'>"+lie[1]+"</span>發表動態:</div><div class='b'><p>"+lie[2]+"</p><div class='c'>發表動態時間:"+lie[3]+"</div>"; // str =str+"<div id='d'><button class='btn btn-primary pl' data-toggle='modal' data-target='#myModal' code ='"+lie[0]+"'>評論</button><span><a href='del.php?code="+lie[0]+"'>刪除動態</a></span></div>"; // } // $("#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=""; $(".hf").click(function(){ ids = $(this).attr("ids"); //將評論的id重新賦值 // alert((ids)); $('#mM').modal('show'); }) //將回復評論寫進數據庫 $("#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" ; } }); }) </script>
到此處為止,動態的發布、動態的評論、動態的回復、動態的刪除都已經寫完了,但是有個問題還還還沒解決完,也就是回復的回復問題.請看下面的簡圖:PHP實例
也就是回復表中有一部分是回復的評論,而剩余的部分則是回復的回復(有點繞)想看的就繼續關注(下)未完待續~~~PHP實例
?PHP實例
先總結一下遇到的問題:PHP實例
(1)為什么ajax輸出的button添加不上點擊事件?PHP實例
???? 因為ajax是異步ajax,所以要緊接其后.PHP實例
(2)為什么取不到button的值------thisPHP實例
(3)一個php頁面中,什么時候用ajax?什么時候用php?PHP實例
??? 在這個實例中,我用ajax將數據寫進數據庫;用php從數據庫讀取內容.(上一篇中,動態是用ajax讀取的,在這一篇中,兩種方法都有,詳情請看全部代碼)PHP實例
(4)最后,邏輯清晰很關鍵,尤其是表與表之間的關聯.PHP實例
轉載請注明本頁網址:
http://www.snjht.com/jiaocheng/644.html