经常在各大论坛或新闻板块详情页面下边看到评论功能，当然不单单是直接发表评论内容那么简单，可以对别人的评论进行回复，别人又可以对你的回复再次评论或回复，如此反复，理论上可以说是没有休止，从技术角度分析很容易想到运用无限级分类技术存储数据，运用递归获取评论层级结构数据，运用ajax实现评论页面交互，这里用thinkphp框架做个简单的demo练练手，为了简化流程这里第三级评论开始停止回复，当然只要在这个基础上稍作修改就可以实现无限回复功能，主要是view层样式修改较麻烦，需花些时间。一、效果需求分析:
在头部可以直接发布一级评论,最新发表的评论显示在最上面,如下效果图
对发表的评论可以回复，回复显示在上级评论下边，形成层级关系，如下效果图
二、实现思路及细节1.数据表设计
2.controller层关键函数:
(1). 递归获取评论列表
/***递归获取评论列表 */ = 0,&$result = array()){$arr = M(‘comment’)->where(“parent_id = ‘”.$parent_id.”‘”)->order(“create_time desc”)->select();if(empty($arr)){return array();}) {$thisArr=&$result[];$cm[“children”] = $this->getCommlist($cm[“id”],$thisArr);$thisArr = $cm;}return $result; }
(2). 展示评论页面的action
public function index(){assign(‘num’,$num);();getCommlist();assign(“commlist”,$data);$this->display(‘index’); }
(3).评论页面ajax访问添加评论的action
/***添加评论 */ {$data=array();if((isset($_POST[“comment”]))&&(!empty($_POST[“comment”]))){$cm = json_decode($_POST[“comment”],true);//通过第二个参数true，将json字符串转化为键值对数组$cm[‘create_time’]=date(‘Y-m-d H:i:s’,time());$newcm = M(‘comment’);$id = $newcm->add($cm);$cm[“id”] = $id;$data = $cm;$num = M(‘comment’)->count();//统计评论总数$data[‘num’]= $num;}else{$data[“error”] = “0”;}echo json_encode($data); }3.view层实现
(1). 展示页面的整体结构设计
实际效果:
页面html代码:
==>php无限级分类实战————评论及回复功能===>=>=>>{$num}条评论>=>====>=>全部评论====>=>=>{$data.create_time}=”cm-content”><p>{$data.content}===>===>=>=>{$child.create_time}=”cm-content”><p>{$child.content}===>===>=>=>{$grandson.create_time}=”cm-content”><p>{$grandson.content}=>>>>>> </body></html>
(2). 单个评论信息div结构代码
====>{$data.create_time}=”cm-content”><p>{$data.content}===></div>
对应的效果图:
对应的css代码:
.head-pic{width:40px;height:40px;}.cm{position:relative;top:0px;left:40px;top:-40px;width:600px;}.cm-header{padding-left:5px;}.cm-content{padding-left:5px;}.cm-footer{padding-bottom:15px;text-align:right;border-bottom: 1px dotted #CCC;}.comment-reply{text-decoration:none;color:gray;font-size: 14px;}4. JS代码世上最累人的事，莫过於虚伪的过日子
