帝国CMS如何给文章添加点赞功能

老刘博客2024-11-262024-12-29

帝国CMS还是非常强大的，站长只需要给帝国CMS一个机会，不出一两个星期就会喜欢上它。帝国CMS的强大，可以说超乎站长的想想，在这里你只有想不到的地方，基本上不会出现想不到的地方，当然站长朋友还需要技术过硬。特别是，互联网上对帝国CMS的技术文章还是非常多。一些小的问题可以依照相关的教程来实现和修改。这段时间自己的一个网站因为个人技术问题，有个功能一直不能够实现，就是文章的点赞功能。

文章的赞赏功能可以使用相关的二维码图片就可以，右侧的分享可以使用jQuery相关组件就可以，唯独左侧的点赞功能，一直使用浏览量或者说点击数来实现的这个功能样式。但是一直效果不是很好，今天在帝国CMS的默认程序之中找到了类似的代码，顺带就扒拉了下来。实现这个功能，需要在文章的head标签里面添加如下代码：

1 2	<script type="text/javascript" src="[!--news.url--]skin/default/js/tabs.js"></script> <script type="text/javascript" src="[!--news.url--]e/data/js/ajax.js"></script>

这两个js文件，貌似不需要对应的jQuery才能够实现，不过是不是绝对的不敢肯定，我的网站模板上使用了jQuery的其他组件，所以必然引进了jQuery文件，不过上面的两个js文件是程序自带的，所以安全性没有问题，然后在需要添加点赞功能的位置，添加如下代码：

<table border="0" align="center" cellpadding="0" cellspacing="8">
<tr>
<td><table border="0" align="center" cellpadding="0" cellspacing="0" class="digg">
<tr>
<td class="diggnum" id="diggnum"><strong><script type="text/javascript" src="[!--news.url--]e/public/ViewClick/?classid=[!--classid--]&id=[!--id--]&down=5"></script></strong></td>
</tr>
<tr>
<td class="diggit"><a href="JavaScript:makeRequest('[!--news.url--]e/public/digg/?classid=[!--classid--]&id=[!--id--]&dotop=1&doajax=1&ajaxarea=diggnum','EchoReturnedText','GET','');">来顶一下</a></td>
</tr>
</table></td>
<td><table border="0" align="center" cellpadding="0" cellspacing="0" class="digg">
<tr>
<td valign="middle" class="diggnum"><strong><a href="[!--news.url--]"><img src="[!--news.url--]skin/default/images/back.gif" alt="返回首页" width="12" height="13" border="0" align="absmiddle" /></a></strong></td>
</tr>
<tr>
<td class="diggit"><a href="[!--news.url--]">返回首页</a></td>
</tr>
</table></td>
</tr>
</table>

上面的代码同样是系统自带的，实际效果如下图

样子看着的确是丑了很多，但是毕竟提供了代码啊，剩下的就是自己美化的事儿了。我是当的做了精简，去除了一些样式化标签，变成了如下代码

<table border="0" align="center" cellpadding="0" cellspacing="0" class="digg">
	<tr>
		<td class="diggnum" id="diggnum"><strong><script type="text/javascript" src="[!--news.url--]e/public/ViewClick/?classid=[!--classid--]&id=[!--id--]&down=5"></script></strong></td>
	</tr>
	<tr>
		<td class="diggit"><a href="JavaScript:makeRequest('[!--news.url--]e/public/digg/?classid=[!--classid--]&id=[!--id--]&dotop=1&doajax=1&ajaxarea=diggnum','EchoReturnedText','GET','');">来顶一下</a></td>
	</tr>
	<tr>
		<td valign="middle" class="diggnum"><strong><a href="[!--news.url--]"><img src="[!--news.url--]skin/default/images/back.gif" alt="返回首页" width="12" height="13" border="0" align="absmiddle" /></a></strong></td>
	</tr>
	<tr>
		<td class="diggit"><a href="[!--news.url--]">返回首页</a></td>
	</tr>
</table>