dedecms AJAX 评论实现评论楼层化 引用内嵌美化

天外飘仙

AJAX 无刷新评论功能是DeDeCMS 5.5 Final 正式版的一大亮点，也是众多站长们选择升级中一个重要原因。
　　相比5.3 版本的评论，AJAX评论能达到无刷新即时显示最新留言及其回复功能，同时，支持游客对游客发表的评论进行引用回复，增加了“支持者”“反对者”“中立者”三个不同的人物较色，让文章的互动性更人性化、合理化。
　　但是，惊喜之余难免有丝丝遗憾。
AJAX 评论无法实现楼层化，游客引用的评论无法嵌套在新评论，样式不够醒目直观。
最近九亿博客在升级程序时，着重对DeDeCMS 5.5 中新增加的AJAX评论插件进行了二次开发美化。
开发的主要内容包括两方面：评论实现楼层效果；评论回复为内嵌样式。
　　评论实现楼层效果的解决办法：
　　分析观察plus/feedback_ajax.php 插件文件，源代码如下所示

1. <?php
   
2. require_once(dirname(__FILE__)."/../include/common.inc.php");
   
3. if($cfg_feedback_forbid==’Y’) exit(‘系统已经禁止评论功能！‘);
   
4. require_once(DEDEINC."/filter.inc.php");
   
5. if(!isset($action))
   
6. {
   
7. $action = ”;
   
8. }
   
9. //兼容旧的JS代码
   
10. if($action == ‘good’ || $action == ‘bad’)
    
11. {
    
12. if(!empty($aid)) $id = $aid;
    
13. require_once(dirname(__FILE__).’/digg_ajax.php’);
    
14. exit();
    
15. }
    
16. 
    
17. $cfg_formmember = isset($cfg_formmember) ? true : false;
    
18. $ischeck = $cfg_feedbackcheck==’Y’ ? 0 : 1;
    
19. $aid = (isset($aid) && is_numeric($aid)) ? $aid : 0;
    
20. $fid = (isset($fid) && is_numeric($fid)) ? $fid : 0;
    
21. if(empty($aid) && empty($fid))
    
22. {
    
23. ShowMsg(‘文档id不能为空!’,’-1′);
    
24. exit();
    
25. }
    
26. include_once(DEDEINC."/memberlogin.class.php");
    
27. $cfg_ml = new MemberLogin();
    
28. 
    
29. if($action==’goodfb’)
    
30. {
    
31. AjaxHead();
    
32. $fid = intval($fid);
    
33. $dsql->ExecuteNoneQuery("Update `dede_feedback` set good = good+1 where id=’$fid’ ");
    
34. $row = $dsql->GetOne("Select good From `dede_feedback` where id=’$fid’ ");
    
35. echo "<a onclick="postBadGood(‘goodfb’,{$aid})">支持</a>[{$row['good']}]";
    
36. exit();
    
37. }
    
38. else if($action==’badfb’)
    
39. {
    
40. AjaxHead();
    
41. $fid = intval($fid);
    
42. $dsql->ExecuteNoneQuery("Update `dede_feedback` set bad = bad+1 where id=’$fid’ ");
    
43. $row = $dsql->GetOne("Select bad From `dede_feedback` where id=’$fid’ ");
    
44. echo "<a onclick="postBadGood(‘badfb’,{$aid})">反对</a>[{$row['bad']}]";
    
45. exit();
    
46. }
    
47. //查看评论
    
48. /*
    
49. function __ViewFeedback(){ }
    
50. */
    
51. //———————————–
    
52. else if($action==” || $action==’show’)
    
53. {
    
54. //读取文档信息
    
55. $arcRow = GetOneArchive($aid);
    
56. if(empty($arcRow['aid']))
    
57. {
    
58. ShowMsg(‘无法查看未知文档的评论!’,’-1′);
    
59. exit();
    
60. }
    
61. extract($arcRow, EXTR_SKIP);
    
62. include_once(DEDEINC.’/datalistcp.class.php’);
    
63. $dlist = new DataListCP();
    
64. $dlist->pageSize = 20;
    
65. if(empty($ftype) || ($ftype!=’good’ && $ftype!=’bad’ && $ftype!=’feedback’))
    
66. {
    
67. $ftype = ”;
    
68. }
    
69. $wquery = $ftype!=” ? " And ftype like ‘$ftype’ " : ”;
    
70. //评论内容列表
    
71. $querystring = "select fb.*,mb.userid,mb.face as mface,mb.spacesta,mb.scores from `dede_feedback` fb
    
72. left join `dede_member` mb on mb.mid = fb.mid
    
73. where fb.aid=’$aid’ and fb.ischeck=’1′ $wquery order by fb.id desc";
    
74. $dlist->SetParameter(‘aid’,$aid);
    
75. $dlist->SetParameter(‘action’,’show’);
    
76. $dlist->SetTemplate(DEDETEMPLATE.’/plus/feedback_templet.htm’);
    
77. $dlist->SetSource($querystring);
    
78. $dlist->Display();
    
79. exit();
    
80. }
    
81. //引用评论
    
82. //————————————
    
83. /*
    
84. function __Quote(){ }
    
85. */
    
86. else if($action==’quote’)
    
87. {
    
88. $row = $dsql->GetOne("Select * from `dede_feedback` where id =’$fid’");
    
89. require_once(DEDEINC.’/dedetemplate.class.php’);
    
90. $dtp = new DedeTemplate();
    
91. $dtp->LoadTemplate(DEDETEMPLATE.’/plus/feedback_quote.htm’);
    
92. $dtp->Display();
    
93. exit();
    
94. }
    
95. //发表评论
    
96. //————————————
    
97. /*
    
98. function __SendFeedback(){ }
    
99. */
    
100. else if($action==’send’)
     
101. {
     
102. //读取文档信息
     
103. $arcRow = GetOneArchive($aid);
     
104. if((empty($arcRow['aid']) || $arcRow['notpost']==’1′)&&empty($fid))
     
105. {
     
106. ShowMsg(‘无法对该文档发表评论!’,’-1′);
     
107. exit();
     
108. }
     
109. //是否加验证码重确认
     
110. if(empty($isconfirm))
     
111. {
     
112. $isconfirm = ”;
     
113. }
     
114. if($isconfirm!=’yes’ && $cfg_feedback_ck==’Y’)
     
115. {
     
116. extract($arcRow, EXTR_SKIP);
     
117. require_once(DEDEINC.’/dedetemplate.class.php’);
     
118. $dtp = new DedeTemplate();
     
119. $dtp->LoadTemplate(DEDETEMPLATE.’/plus/feedback_confirm.htm’);
     
120. $dtp->Display();
     
121. exit();
     
122. }
     
123. //检查验证码
     
124. if($cfg_feedback_ck==’Y’)
     
125. {
     
126. $validate = isset($validate) ? strtolower(trim($validate)) : ”;
     
127. $svali = strtolower(trim(GetCkVdValue()));
     
128. if($validate != $svali || $svali==”)
     
129. {
     
130. ResetVdValue();
     
131. ShowMsg(‘验证码错误！‘,’-1′);
     
132. exit();
     
133. }
     
134. }
     
135. //检查用户登录
     
136. if(empty($notuser))
     
137. {
     
138. $notuser=0;
     
139. }
     
140. //匿名发表评论
     
141. if($notuser==1)
     
142. {
     
143. $username = $cfg_ml->M_ID > 0 ? ‘匿名‘ : ‘游客‘;
     
144. }
     
145. //已登录的用户
     
146. else if($cfg_ml->M_ID > 0)
     
147. {
     
148. $username = $cfg_ml->M_UserName;
     
149. }
     
150. //用户身份验证
     
151. else
     
152. {
     
153. if($username!=” && $pwd!=”)
     
154. {
     
155. $rs = $cfg_ml->CheckUser($username,$pwd);
     
156. if($rs==1)
     
157. {
     
158. $dsql->ExecuteNoneQuery("Update `dede_member` set logintime=’".time()."’,loginip=’".GetIP()."’ where mid=’{$cfg_ml->M_ID}’; ");
     
159. }
     
160. else
     
161. {
     
162. $username = ‘游客‘;
     
163. }
     
164. }
     
165. else
     
166. {
     
167. $username = ‘游客‘;
     
168. }
     
169. }
     
170. $ip = GetIP();
     
171. $dtime = time();
     
172. //检查评论间隔时间；
     
173. if(!empty($cfg_feedback_time))
     
174. {
     
175. //检查最后发表评论时间，如果未登陆判断当前IP最后评论时间
     
176. if($cfg_ml->M_ID > 0)
     
177. {
     
178. $where = "WHERE `mid` = ‘$cfg_ml->M_ID’";
     
179. }
     
180. else
     
181. {
     
182. $where = "WHERE `ip` = ‘$ip’";
     
183. }
     
184. $row = $dsql->GetOne("SELECT dtime FROM `dede_feedback` $where ORDER BY `id` DESC ");
     
185. if(is_array($row) && $dtime – $row['dtime'] < $cfg_feedback_time)
     
186. {
     
187. ResetVdValue();
     
188. ShowMsg(‘管理员设置了评论间隔时间，请稍等休息一下！‘,’-1′);
     
189. exit();
     
190. }
     
191. }
     
192. if(empty($face))
     
193. {
     
194. $face = 0;
     
195. }
     
196. $face = intval($face);
     
197. extract($arcRow, EXTR_SKIP);
     
198. $msg = cn_substrR(TrimMsg($msg),1000);
     
199. $username = cn_substrR(HtmlReplace($username,2),20);
     
200. if(empty($feedbacktype) || ($feedbacktype!=’good’ && $feedbacktype!=’bad’))
     
201. {
     
202. $feedbacktype = ‘feedback’;
     
203. }
     
204. //保存评论内容
     
205. if($comtype == ‘comments’)
     
206. {
     
207. $arctitle = addslashes($title);
     
208. if($msg!=”)
     
209. {
     
210. $inquery = "INSERT INTO `dede_feedback`(`aid`,`typeid`,`username`,`arctitle`,`ip`,`ischeck`,`dtime`, `mid`,`bad`,`good`,`ftype`,`face`,`msg`)
     
211. VALUES (‘$aid’,’$typeid’,’$username’,’$arctitle’,’$ip’,’$ischeck’,’$dtime’, ‘{$cfg_ml->M_ID}’,’0′,’0′,’$feedbacktype’,’$face’,’$msg’); ";
     
212. $rs = $dsql->ExecuteNoneQuery($inquery);
     
213. if(!$rs)
     
214. {
     
215. ShowMsg(‘ 发表评论错误! ‘, ‘-1′);
     
216. //echo $dsql->GetError();
     
217. exit();
     
218. }
     
219. }
     
220. }
     
221. //引用回复
     
222. elseif ($comtype == ‘reply’)
     
223. {
     
224. $row = $dsql->GetOne("Select * from `dede_feedback` where id =’$fid’");
     
225. $arctitle = $row['arctitle'];
     
226. $aid =$row['aid'];
     
227. $msg = $quotemsg.$msg;
     
228. $msg = HtmlReplace($msg,2);
     
229. $inquery = "INSERT INTO `dede_feedback`(`aid`,`typeid`,`username`,`arctitle`,`ip`,`ischeck`,`dtime`,`mid`,`bad`,`good`,`ftype`,`face`,`msg`)
     
230. VALUES (‘$aid’,’$typeid’,’$username’,’$arctitle’,’$ip’,’$ischeck’,’$dtime’,’{$cfg_ml->M_ID}’,’0′,’0′,’$feedbacktype’,’$face’,’$msg’)";
     
231. $dsql->ExecuteNoneQuery($inquery);
     
232. }
     
233. if($feedbacktype==’bad’)
     
234. {
     
235. $dsql->ExecuteNoneQuery("Update `dede_archives` set scores=scores-{cfg_feedback_sub},badpost=badpost+1,lastpost=’$dtime’ where id=’$aid’ ");
     
236. }
     
237. else if($feedbacktype==’good’)
     
238. {
     
239. $dsql->ExecuteNoneQuery("Update `dede_archives` set scores=scores+{$cfg_feedback_add},goodpost=goodpost+1,lastpost=’$dtime’ where id=’$aid’ ");
     
240. }
     
241. else
     
242. {
     
243. $dsql->ExecuteNoneQuery("Update `dede_archives` set scores=scores+1,lastpost=’$dtime’ where id=’$aid’ ");
     
244. }
     
245. if($cfg_ml->M_ID > 0)
     
246. {
     
247. $dsql->ExecuteNoneQuery("Update `dede_member` set scores=scores+{$cfg_sendfb_scores} where mid=’{$cfg_ml->M_ID}’ ");
     
248. }
     
249. //统计用户发出的评论
     
250. if($cfg_ml->M_ID > 0)
     
251. {
     
252. #api{{
     
253. if(defined(‘UC_API’) && @include_once DEDEROOT.’/api/uc.func.php’)
     
254. {
     
255. //同步积分
     
256. uc_credit_note($cfg_ml->M_LoginID, $cfg_sendfb_scores);
     
257. //推送事件
     
258. $arcRow = GetOneArchive($aid);
     
259. $feed['icon'] = ‘thread’;
     
260. $feed['title_template'] = ‘<b>{username} 在网站发表了评论</b>’;
     
261. $feed['title_data'] = array(‘username’ => $cfg_ml->M_UserName);
     
262. $feed['body_template'] = ‘<b>{subject}</b><br>{message}’;
     
263. $url = !strstr($arcRow['arcurl'],’http://’) ? ($cfg_basehost.$arcRow['arcurl']) : $arcRow['arcurl'];
     
264. $feed['body_data'] = array(‘subject’ => "<a href="".$url."">$arcRow[arctitle]</a>", ‘message’ => cn_substr(strip_tags(preg_replace("/[.+?]/is", ”, $msg)), 150));
     
265. $feed['images'][] = array(‘url’ => $cfg_basehost.’/images/scores.gif’, ‘link’=> $cfg_basehost);
     
266. uc_feed_note($cfg_ml->M_LoginID,$feed); unset($arcRow);
     
267. }
     
268. #/aip}}
     
269. $row = $dsql->GetOne("SELECT COUNT(*) AS nums FROM `dede_feedback` WHERE `mid`=’".$cfg_ml->M_ID."’");
     
270. $dsql->ExecuteNoneQuery("UPDATE `dede_member_tj` SET `feedback`=’$row[nums]‘ WHERE `mid`=’".$cfg_ml->M_ID."’");
     
271. }
     
272. $_SESSION['sedtime'] = time();
     
273. if(empty($uid) && isset($cmtuser)) $uid = $cmtuser;
     
274. $backurl = $cfg_formmember ? "index.php?uid={$uid}&action=viewarchives&aid={$aid}" : "feedback.php?aid=$aid";
     
275. if($ischeck==0)
     
276. {
     
277. ShowMsg(‘成功发表评论，但需审核后才会显示你的评论!’, $backurl);
     
278. }
     
279. else
     
280. {
     
281. ShowMsg(‘成功发表评论，现在转到评论页面!’, $backurl);
     
282. }
     
283. exit();
     
284. }
     
285. ?>

复制代码

　　分析这个文件，有不少循环语句。
哪个是与评论列表有关的呢？首先，你必须明白一个技术常识。
实现楼层化，要靠那种CSS+DIV 技术效果来表现？最简单的方法，就是用<ul><li></li></ul>这个方式了。
然后对<li style="list-style-type: decimal;list-style-position: inside;"></li>设置列表的类型为数字，位置为内。
这样一来，<ul>下循环语句用<li>来控制，就很轻松实现评论楼层的效果了。
　　再来讲一讲，如何将引用过评论嵌套在新评论的上方。
首先，你要明白文章内容页调用的是ajaxfeedback.htm这个模板文件，而这个文件又由feedback_ajax.php 程序来控制。
也就是，修改引用样式就修改feedback_ajax.php 文件，而不是feedback_quote.htm 这个文件。
　　找到了程序文件，接着查找与引用有关的函数值。
下面这段代码中就包含我所要找的{quote}参数：

1. //保存评论内容
   
2. if(!empty($fid))
   
3. {
   
4.   $row = $dsql->GetOne("Select username,msg from `dede_feedback` where id =’$fid’ ");
   
5.   $qmsg = ‘{quote}{title}’.$row['username'].’ 的原帖：{/title}{content}’.$row['msg'].’{/content}{/quote}’;
   
6.   $msg = addslashes($qmsg).$msg;
   
7. }
   
8. $ischeck = ($cfg_feedbackcheck==’Y’ ? 0 : 1);
   
9. $arctitle = addslashes($title);
   
10. $inquery = "INSERT INTO `dede_feedback`(`aid`,`typeid`,`username`,`arctitle`,`ip`,`ischeck`,`dtime`, `mid`,`bad`,`good`,`ftype`,`face`,`msg`)
    
11.                 VALUES (‘$aid’,’$typeid’,’$username’,’$arctitle’,’$ip’,’$ischeck’,’$dtime’, ‘{$cfg_ml->M_ID}’,’0′,’0′,’$feedbacktype’,’$face’,’$msg’); ";
    
12. $rs = $dsql->ExecuteNoneQuery($inquery);
    
13. if( !$rs )
    
14. {
    
15.    echo "<font color=’red’>发表评论出错了！</font>";
    
16.    //echo $dslq->GetError();
    
17.    exit();
    
18. }
    
19. $newid = $dsql->GetLastID();

复制代码

　　也许，不能找出是哪个CSS控制了这个引用样式。
官方提供的帮助文档，也没有提供该参数的具体信息。
看来，只要靠自己分析了。
既然知道引用的函数值是{quote} 字样。
那就是用DW的查找替换功能，在全站范围内展开搜索，终于找到了，在include/channelunit.func.php 这个程序文件中发现了{quote} 影子。
　　快速打开这个文件，查找到第506行的位置，代码如下：

1. //引用回复标记处理
   
2. function Quote_replace($quote)
   
3. {
   
4. $quote = str_replace(‘{quote}’,’<div>’,$quote);
   
5. $quote = str_replace(‘{title}’,’<div class="reply1">’,$quote);
   
6. $quote = str_replace(‘{/title}’,’</div>’,$quote);
   
7. $quote = str_replace(‘&lt;br/&gt;’,’<br>’,$quote);
   
8. $quote = str_replace(‘{content}’,’<div class="reply2">’,$quote);
   
9. $quote = str_replace(‘{/content}’,’</div>’,$quote);
   
10. $quote = str_replace(‘{/quote}’,’</div>’,$quote);
    
11. return $quote;
    
12. }

复制代码

　　将其修改为以下内容：

1. //引用回复标记处理
   
2. function Quote_replace($quote)
   
3. {
   
4. $quote = str_replace(‘{quote}’,’<div class="decmt-box">’,$quote);
   
5. $quote = str_replace(‘{title}’,’<div class="decmt-title"><span class="username">’,$quote);
   
6. $quote = str_replace(‘{/title}’,’</span></div>’,$quote);
   
7. $quote = str_replace(‘&lt;br/&gt;’,’<br>’,$quote);
   
8. $quote = str_replace(‘{content}’,’<div class="decmt-content">’,$quote);
   
9. $quote = str_replace(‘{/content}’,’</div>’,$quote);
   
10. $quote = str_replace(‘{/quote}’,’</div>’,$quote);
    
11. return $quote;
    
12. }

复制代码

　　层<div class="reply1"></div> 主要用于显示引用的标题字样，如“引用XXX的原帖”，层<div class="reply2"></div> 主要用于控制引用评论的内容，如“楼上评论的内容”，明白了这些，再加以合理的CSS样式美化，就可以实现完美的评论内嵌效果了。