仿京东评论 优点、不足、总结

2016-07-07 16:02 来源：www.chinab4c.com 作者：ecshop专家

环境：EC2.7.0+360模板UTF-8
效果展示页面：
http://www.1j1h.com/goods.php?id=1555

修改前请备份数据库和相关文件。

第一步：修改数据库

进入数据库 找到 ecs_comment,前缀修改过的，当然就不是这个表了，
在
contenttextutf8_general_ci
这个字段后 加上两个字段
content2 text utf8_general_ci
content3 text utf8_general_ci

我这里将以原来的
emailvarchar(60)
这个字段为标题字段，当然你也可以再新加一个作为标题字段

这样我现在的这个字段说明分别是：
email - 标题 content - 总结 content2 优点 content3-不足

第二步：修改 includes/lib_main.php
找到大概1586行：（红色为添加部分）

$ids .= $ids ? ",$row[comment_id]" : $row['comment_id'];
$arr[$row['comment_id']]['id'] = $row['comment_id'];
$arr[$row['comment_id']]['email'] = $row['email'];
$arr[$row['comment_id']]['username'] = $row['user_name'];
$arr[$row['comment_id']]['content2']= str_replace('\r\n', '<br />', htmlspecialchars($row['content2'])); //tc
$arr[$row['comment_id']]['content3']= str_replace('\r\n', '<br />', htmlspecialchars($row['content3'])); //tc
$arr[$row['comment_id']]['content']= str_replace('\r\n', '<br />', htmlspecialchars($row['content']));
$arr[$row['comment_id']]['content']= str_replace('\n', '<br />', $arr[$row['comment_id']]['content']);
$arr[$row['comment_id']]['rank']= $row['comment_rank'];

第三步：修改 /comment.php
1）找到大概247行：（红色为添加部分）
$smarty->assign('comment_type', $cmt->type);
$smarty->assign('id',$cmt->id);
$smarty->assign('content2',$cmt->content2);//tc
$smarty->assign('content3',$cmt->content3); //tc
$smarty->assign('username',$_SESSION['user_name']);
$smarty->assign('email',$_SESSION['email']);

2）找到大概 290行，将下面这块代码 替换掉 原有的代码

/* 保存评论内容 */
$sql = "INSERT INTO " .$GLOBALS['ecs']->table('comment') .
"(comment_type, id_value, email, user_name, content,content2,content3, comment_rank, add_time, ip_address, status, parent_id, user_id) VALUES " .
"('" .$cmt->type. "', '" .$cmt->id. "', '".$cmt->email."', '$user_name', '" .$cmt->content."','".$cmt->content2."','".$cmt->content3."', '".$cmt->rank."', ".gmtime().", '".real_ip()."', '$status', '0', '$user_id')";

最后一步：显示页面，修改themes/360/library/comments_list.lib
替换下面关键代码。

  2. ...<div class="clearfix">
  3. <ul class="comments">
  4. <!-- {if $comments} -->
  5. <!-- {foreach from=$comments item=comment} -->
  6. <li class="word" style="border-bottom:#ccc 1px dashed;">
  7. <font class="f1">
  8. <!-- {if $comment.username} -->{$comment.username|escape:html}<!-- {else} -->{$lang.anonymous}<!-- {/if} -->
  9. </font> ( {$comment.add_time} ) <font style="font-size:14px; font-weight:bold; color:#336699">{$comment.email}</font><br />
  10. <img src="../images/stars{$comment.rank}.gif" alt="{$comment.comment_rank}" />
  11. <p><font color="#FF9900">优点：</font>{$comment.content2}<br>
  12. <font color="#FF9900">不足：</font>{$comment.content3}<br>
  13. <font color="#FF9900">总结：</font>{$comment.content}</p>
  14. <!-- {if $comment.re_content} -->
  15. <p class="re_content">
  16. <font class="f1">{$lang.admin_username}</font><br>
  17. {$comment.re_content}
  18. </p>
  19. <!-- {/if} -->
  20. </li>
  21. <!-- {/foreach} -->
  22. <!--{else}-->
  23. <li>{$lang.no_comments}</li>
  24. <!--{/if}-->
  25. </ul>
  26. ....
  27. <script type="Text/Javascript" language="JavaScript">
  28. <!--
  29. {literal}
  30. function selectPage(sel)
  31. {
  32. sel.form.submit();
  33. }
  34. {/literal}
  35. //-->
  36. </script>
  37. </div>
  38. <!--翻页 END-->
  39. <!--评论表单 start-->
  40. <div class="commentsList">
  41. <form action="javascript:;" onsubmit="submitComment(this)" method="post" name="commentForm" id="commentForm">
  42. <table border="0" cellspacing="5" cellpadding="0" style="background:#FFF;">
  43. <tr>
  44. <td width="211" align="left" style="font-size:14px; font-weight:bold;">发表评价并打分：</td>
  45. <td style="display:none" {if !$enabled_captcha}{/if}><!--{if $smarty.session.user_name}-->{$smarty.session.user_name}<!--{else}-->{$lang.anonymous}<!--{/if}--></td>
  46. </tr>
  47. <tr>
  48. <td align="right">标题：</td>
  49. <td>
  50. <input type="text" name="email" id="email" style="width:420px;" maxlength="100" value="" class="formBorder"/>
  51. </td>
  52. </tr>
  53. <tr>
  54. <td align="right">{$lang.comment_rank}：</td>
  55. <td>
  56. <input name="comment_rank" type="radio" value="1" id="comment_rank1" /> <img src="../images/stars1.gif" />
  57. <input name="comment_rank" type="radio" value="2" id="comment_rank2" /> <img src="../images/stars2.gif" />
  58. <input name="comment_rank" type="radio" value="3" id="comment_rank3" /> <img src="../images/stars3.gif" />
  59. <input name="comment_rank" type="radio" value="4" id="comment_rank4" /> <img src="../images/stars4.gif" />
  60. <input name="comment_rank" type="radio" value="5" checked="checked" id="comment_rank5" /> <img src="../images/stars5.gif" />
  61. </td>
  62. </tr>
  63. <tr>
  64. <td align="right" valign="top">您认为该商品的优点是：</td>
  65. <td><textarea name="content2" class="formBorder" style="height:50px; width:520px;"></textarea></td>
  66. </tr>
  67. <tr>
  68. <td align="right" valign="top">您认为该商品的不足是：</td>
  69. <td><textarea name="content3" class="formBorder" style="height:50px; width:520px;">暂时还没发现缺点哦！</textarea></td>
  70. </tr>
  71. <tr>
  72. <td align="right" valign="top">总结：</td>
  73. <td>
  74. <textarea name="content" class="formBorder" style="height:50px; width:520px;"></textarea>
  75. <input type="hidden" name="cmt_type" value="{$comment_type}" />
  76. <input type="hidden" name="id" value="{$id}" />
  77. </td>
  78. </tr>
  79. <tr>
  80. <td colspan="2">
  81. <!-- 判断是否启用验证码{if $enabled_captcha} -->
  82. ....

  84. <script type="text/javascript">
  85. //<![CDATA[
  86. {foreach from=$lang.cmt_lang item=item key=key}
  87. var {$key} = "{$item}";
  88. {/foreach}
  89. {literal}
  90. /**
  91. * 提交评论信息
  92. */
  93. function submitComment(frm)
  94. {
  95. var cmt = new Object;
  96. //cmt.username= frm.elements['username'].value;
  97. cmt.email= frm.elements['email'].value;
  98. cmt.content= frm.elements['content'].value;
  99. cmt.content2= frm.elements['content2'].value;
  100. cmt.content3= frm.elements['content3'].value;
  101. cmt.type= frm.elements['cmt_type'].value;
  102. cmt.id= frm.elements['id'].value;
  103. cmt.enabled_captcha = frm.elements['enabled_captcha'] ? frm.elements['enabled_captcha'].value : '0';
  104. cmt.captcha= frm.elements['captcha'] ? frm.elements['captcha'].value : '';
  105. cmt.rank= 0;
  106. for (i = 0; i < frm.elements['comment_rank'].length; i++)
  107. {
  108. if (frm.elements['comment_rank'][i].checked)
  109. {
  110. cmt.rank = frm.elements['comment_rank'][i].value;
  111. }
  112. }
  113. //if (cmt.username.length == 0)
  114. //{
  115. //alert(cmt_empty_username);
  116. //return false;
  117. //}
  118. /*
  119. if (cmt.email.length > 0)
  120. {
  121. if (!(Utils.isEmail(cmt.email)))
  122. {
  123. alert(cmt_error_email);
  124. return false;
  125. }
  126. }
  127. else
  128. {
  129. alert(cmt_empty_email);
  130. return false;
  131. }
  132. */
  133. if (cmt.email.length == 0)
  134. {
  135. alert('请输入评论标题!');
  136. return false;
  137. }
  138. if (cmt.content.length == 0)
  139. {
  140. alert(cmt_empty_content);
  141. return false;
  142. }
  143. if (cmt.content2.length == 0)
  144. {
  145. alert(cmt_empty_content);
  146. return false;
  147. }
  148. if (cmt.content3.length == 0)
  149. {
  150. alert(cmt_empty_content);
  151. return false;
  152. }
  153. if (cmt.enabled_captcha > 0 && cmt.captcha.length == 0 )
  154. {
  155. alert(captcha_not_null);
  156. return false;
  157. }
  158. Ajax.call('comment.php', 'cmt=' + cmt.toJSONString(), commentResponse, 'POST', 'JSON');
  159. return false;
  160. }
  161. .....
复制代码


OK！清除缓存 就可以了！我当前提供思路，如果有更好方案 完全可以自己修改的！

回答：
好啊 。好啊 顶上去一个

板凳！楼主辛苦了，很强大的东西！支持下！

东京站太复杂了！我觉得不好

总体上将！京是大气！排版舒服

5# cnegle
公司自己的服务器放机房托管的。

本人觉得现在的网站，简单明了易懂，最关键！模板也是！

其实有个更简单的用JS将 优点、不足、总结放在一个Sting里传到数据库里 用JOIN这个函数，显示的在PHP里用 explode将String分离
这个功能 我做过最简单的就是加这两个函数可以搞定，希望大家有更好的方法

最近刚好有用户要完全仿360留言的也是刚出炉的，呵呵

不错的东西

楼主很强，值得支持！

很好，支持下