php實(shí)現(xiàn)網(wǎng)站留言板功能
我要實(shí)現(xiàn)的就是下圖的這種樣式,可參考下面這兩個(gè)網(wǎng)站的留言板,他們的實(shí)現(xiàn)原理都是一樣的
暢言留言板樣式:
網(wǎng)易跟帖樣式:
原理
需要在評(píng)論表添加兩個(gè)主要字段 id 和 pid ,其他字段隨意添加,比如文章id、回復(fù)時(shí)間、回復(fù)內(nèi)容、回復(fù)人什么的。
其中pid就是當(dāng)前已經(jīng)回復(fù)過的評(píng)論的id。
從上圖可以看出,里面每一層的pid就是就是他上一層評(píng)論的id。仔細(xì)觀察下上面的布局。是不是很像PHP中的多維數(shù)組?如果你能想到,那么就簡(jiǎn)單了。
實(shí)現(xiàn)方法
1.前臺(tái):這個(gè)比較簡(jiǎn)單 就是div嵌div。然后設(shè)置div的border和margin padding就行了
<div class="comment"> <div class="comment"> <div class="comment"> </div> </div> </div> <div class="comment"> </div>
2、后臺(tái) :用到了兩次遞歸,首先用遞歸把數(shù)據(jù)庫(kù)中的結(jié)果重組下,重組之后,然后用遞歸輸出上面的那種前臺(tái)代碼即可
comment表結(jié)構(gòu)和內(nèi)容如下
然后直接讀出這個(gè)表中的所有評(píng)論??梢缘玫饺缦聰?shù)組
Array ( [0] => Array ( [id] => 1 [pid] => [content] => 評(píng)論1 ) [1] => Array ( [id] => 2 [pid] => [content] => 評(píng)論2 ) [2] => Array ( [id] => 3 [pid] => [content] => 評(píng)論3 ) [3] => Array ( [id] => 4 [pid] => 1 [content] => 評(píng)論4回復(fù)評(píng)論1 ) [4] => Array ( [id] => 5 [pid] => 1 [content] => 評(píng)論5回復(fù)評(píng)論1 ) [5] => Array ( [id] => 6 [pid] => 2 [content] => 評(píng)論6回復(fù)評(píng)論2 ) [6] => Array ( [id] => 7 [pid] => 4 [content] => 評(píng)論7回復(fù)評(píng)論4 ) [7] => Array ( [id] => 8 [pid] => 7 [content] => 評(píng)論8回復(fù)評(píng)論7 ) [8] => Array ( [id] => 9 [pid] => 8 [content] => 評(píng)論9回復(fù)評(píng)論8 ) [9] => Array ( [id] => 10 [pid] => 8 [content] => 評(píng)論10回復(fù)評(píng)論8 ) )
然后我們就需要把這個(gè)數(shù)組重組成上面的那種留言板形式的
其中$array就是上面讀取出來的數(shù)組,首先取出pid默認(rèn)為空的,然后遞歸,在取出pid為當(dāng)前評(píng)論id的數(shù)組
public static function tree($array,$child="child", $pid = null) { $temp = []; foreach ($array as $v) { if ($v['pid'] == $pid) { $v[$child] = self::tree($array,$child,$v['id']); $temp[] = $v; } } return $temp; }
重組后,可以得到下面的這個(gè)數(shù)組,可以看到,這個(gè)數(shù)組的樣式已經(jīng)和前臺(tái)評(píng)論樣式很像了
Array ( [0] => Array ( [id] => 1 [pid] => [content] => 評(píng)論1 [child] => Array ( [0] => Array ( [id] => 4 [pid] => 1 [content] => 評(píng)論4回復(fù)評(píng)論1 [child] => Array ( [0] => Array ( [id] => 7 [pid] => 4 [content] => 評(píng)論7回復(fù)評(píng)論4 [child] => Array ( [0] => Array ( [id] => 8 [pid] => 7 [content] => 評(píng)論8回復(fù)評(píng)論7 [child] => Array ( [0] => Array ( [id] => 9 [pid] => 8 [content] => 評(píng)論9回復(fù)評(píng)論8 [child] => Array ( ) ) [1] => Array ( [id] => 10 [pid] => 8 [content] => 評(píng)論10回復(fù)評(píng)論8 [child] => Array ( ) ) ) ) ) ) ) ) [1] => Array ( [id] => 5 [pid] => 1 [content] => 評(píng)論5回復(fù)評(píng)論1 [child] => Array ( ) ) ) ) [1] => Array ( [id] => 2 [pid] => [content] => 評(píng)論2 [child] => Array ( [0] => Array ( [id] => 6 [pid] => 2 [content] => 評(píng)論6回復(fù)評(píng)論2 [child] => Array ( ) ) ) ) [2] => Array ( [id] => 3 [pid] => [content] => 評(píng)論3 [child] => Array ( ) ) )
得到上面的數(shù)組后 ,再用遞歸輸出即可
public static function traverseArray($array) { foreach ($array as $v) { echo "<div class='comment' style='width: 100%;margin: 10px;background: #EDEFF0;padding: 20px 10px;border: 1px solid #777;'>"; echo $v['content']; if ($v['child']) { self::traverseArray($v['child']); } echo "</div>"; } }
然后即可看到
原理就是這樣,就是重組下數(shù)組,然后遍歷輸出就行了。
以上就是php實(shí)現(xiàn)暢言留言板和網(wǎng)易跟帖樣式的全部過程,大家也可以嘗試進(jìn)行創(chuàng)新,希望這篇文章對(duì)大家的學(xué)習(xí)有所幫助。
- PHP實(shí)現(xiàn)基本留言板功能原理與步驟詳解
- 使用PHP開發(fā)留言板功能
- PHP實(shí)現(xiàn)的簡(jiǎn)單留言板功能示例【基于thinkPHP框架】
- 使用PHP連接數(shù)據(jù)庫(kù)實(shí)現(xiàn)留言板功能的實(shí)例講解(推薦)
- php+Memcached實(shí)現(xiàn)簡(jiǎn)單留言板功能示例
- 簡(jiǎn)單實(shí)現(xiàn)PHP留言板功能
- 基于thinkPHP框架實(shí)現(xiàn)留言板的方法
- PHP結(jié)合Mysql數(shù)據(jù)庫(kù)實(shí)現(xiàn)留言板功能
- php制作文本式留言板
- php簡(jiǎn)單的留言板與回復(fù)功能具體實(shí)現(xiàn)
- php開發(fā)留言板的CRUD(增,刪,改,查)操作
- php xml留言板 xml存儲(chǔ)數(shù)據(jù)的簡(jiǎn)單例子
- 來自經(jīng)典的打造簡(jiǎn)單的PHP&MYSQL留言板
- 一個(gè)簡(jiǎn)單的PHP&MYSQL留言板源碼
- 一個(gè)可分頁(yè)的基于文本的PHP留言板源碼
- PHP+MySql實(shí)現(xiàn)一個(gè)簡(jiǎn)單的留言板
相關(guān)文章
thinkphp3.2實(shí)現(xiàn)上傳圖片的控制器方法
這篇文章主要介紹了thinkphp3.2實(shí)現(xiàn)上傳圖片的控制器方法,結(jié)合實(shí)例形式分析了thinkPHP圖片文件上傳相關(guān)的文件類型判斷,文件路徑及相關(guān)屬性操作技巧,需要的朋友可以參考下2016-04-04彈出模態(tài)框modal的實(shí)現(xiàn)方法及實(shí)例
這篇文章主要介紹了彈出模態(tài)框modal的實(shí)現(xiàn)方法及實(shí)例的相關(guān)資料,希望通過本文能幫助到大家,需要的朋友可以參考下2017-09-09將博客園(cnblogs.com)數(shù)據(jù)導(dǎo)入到wordpress的代碼
博客園限制太多,于是決定從博客園(cnblogs)更換自己個(gè)人的博客。WORDPRESS口碑還不錯(cuò),于是決定用用看。之前發(fā)的數(shù)百篇日志需要導(dǎo)入過來,在網(wǎng)上搜了一會(huì),發(fā)現(xiàn)沒有這個(gè)插件,無(wú)奈只能自己寫一個(gè)2013-01-01LAMP環(huán)境使用Composer安裝Laravel的方法
這篇文章主要介紹了LAMP環(huán)境使用Composer安裝Laravel的方法,簡(jiǎn)單分析了Ubuntu服務(wù)器環(huán)境下Composer的安裝及使用Composer安裝Laravel的相關(guān)命令與使用技巧,需要的朋友可以參考下2017-03-03如何在Laravel5.8中正確地應(yīng)用Repository設(shè)計(jì)模式
這篇文章主要介紹了如何在Laravel5.8中正確地應(yīng)用Repository設(shè)計(jì)模式,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-11-11