前言:CkUHTML5中文学习网 - HTML5先行者学习网
DIGG顶及踩踏可以实现用户之间的信息交流互动。CkUHTML5中文学习网 - HTML5先行者学习网
CkUHTML5中文学习网 - HTML5先行者学习网
实现要点:CkUHTML5中文学习网 - HTML5先行者学习网
系统本身就内置了digg的功能,只是没有在数据表中直接内置digg字段,所以我们只需增加digg的字段就可以实现顶与踩踏的功能。CkUHTML5中文学习网 - HTML5先行者学习网
(为什么不内置所有会使用到的字段呢?主要是为了系统的稳定性,做到字段按需增加,使系统稳定性优化到最佳)CkUHTML5中文学习网 - HTML5先行者学习网
CkUHTML5中文学习网 - HTML5先行者学习网
实现方法:CkUHTML5中文学习网 - HTML5先行者学习网
通过新建一个digg字段,然后修改内容模板加入digg显示代码即可。CkUHTML5中文学习网 - HTML5先行者学习网
效果图(图1):CkUHTML5中文学习网 - HTML5先行者学习网
CkUHTML5中文学习网 - HTML5先行者学习网
CkUHTML5中文学习网 - HTML5先行者学习网
三步教你学会diggCkUHTML5中文学习网 - HTML5先行者学习网
操作步骤:CkUHTML5中文学习网 - HTML5先行者学习网
一、 digg字段创建、设置CkUHTML5中文学习网 - HTML5先行者学习网
登陆后台--->“系统设置”--->“管理数据表”,进入如下图(图2):CkUHTML5中文学习网 - HTML5先行者学习网
CkUHTML5中文学习网 - HTML5先行者学习网
选择你需要实现digg效果的系统模型,进行右方的操作,本例中以在“新闻系统模型”中实现digg为例;CkUHTML5中文学习网 - HTML5先行者学习网
CkUHTML5中文学习网 - HTML5先行者学习网
第一步 新建digg字段CkUHTML5中文学习网 - HTML5先行者学习网
点击“管理字段”进入字段管理界面--->点击“新建字段”,出现下图界面(图3):CkUHTML5中文学习网 - HTML5先行者学习网
CkUHTML5中文学习网 - HTML5先行者学习网
设置说明:新建的字段名 必须填为diggtop;字段标识 可根据需要自由设置,本例填为“顶”;CkUHTML5中文学习网 - HTML5先行者学习网
字段类型 选择大数值型(INT);字段的其他选项按默认设置提交即可。CkUHTML5中文学习网 - HTML5先行者学习网
CkUHTML5中文学习网 - HTML5先行者学习网
第二步 设置digg字段为模板项CkUHTML5中文学习网 - HTML5先行者学习网
新建好digg字段后,返回“数据管理表”界面(图2),点击“管理系统模型”进入系统模型管理界面--->点击“修改”进行digg字段项设置(图4):CkUHTML5中文学习网 - HTML5先行者学习网
CkUHTML5中文学习网 - HTML5先行者学习网
勾选digg字段项中的列表模板与内容模板提交即可。CkUHTML5中文学习网 - HTML5先行者学习网
CkUHTML5中文学习网 - HTML5先行者学习网
二、 修改digg所在系统模型的内容模板CkUHTML5中文学习网 - HTML5先行者学习网
点击菜单“模板管理” --->“管理内容模板” --->点击右侧digg所在系统模型“修改” (图5):CkUHTML5中文学习网 - HTML5先行者学习网
CkUHTML5中文学习网 - HTML5先行者学习网
模板内容代码里,在想要加入digg效果的光标位置处粘贴digg代码:CkUHTML5中文学习网 - HTML5先行者学习网
复制代码代码如下:
CkUHTML5中文学习网 - HTML5先行者学习网
<script src="/e/data/js/ajax.js"></script>CkUHTML5中文学习网 - HTML5先行者学习网
<table width="61" height="68" border="0" cellpadding="0" cellspacing="0" background="/images/diggbg.gif" align="center">CkUHTML5中文学习网 - HTML5先行者学习网
<tr>CkUHTML5中文学习网 - HTML5先行者学习网
<td valign="middle">CkUHTML5中文学习网 - HTML5先行者学习网
<div align="center"><font size=4><span id="diggnum"><script src=/e/public/ViewClick?classid=102&id=27625&down=5></script></span></font></div></td>CkUHTML5中文学习网 - HTML5先行者学习网
</tr>CkUHTML5中文学习网 - HTML5先行者学习网
<tr>CkUHTML5中文学习网 - HTML5先行者学习网
<td valign="middle">CkUHTML5中文学习网 - HTML5先行者学习网
<div align="center"><a href="JavaScript:makeRequest('/e/public/digg?classid=102&id=27625&dotop=1&doajax=1&ajaxarea=diggnum','EchoReturnedText','GET','');">顶一下</a></div></td>CkUHTML5中文学习网 - HTML5先行者学习网
</tr>CkUHTML5中文学习网 - HTML5先行者学习网
</table>CkUHTML5中文学习网 - HTML5先行者学习网
CkUHTML5中文学习网 - HTML5先行者学习网上述代码中dotop参数“1”表示顶,如果是实现踩踏改为“0"即可,如:dotop=0。CkUHTML5中文学习网 - HTML5先行者学习网小贴士:可以将模板内容的源代码复制到Dreamweaver中设计可直观显示---插入想要加上digg效果的光标位置---粘贴digg代码----复制整个代码,粘贴回模板内容 框中,提交即可完成digg的效果设置。
CkUHTML5中文学习网 - HTML5先行者学习网CkUHTML5中文学习网 - HTML5先行者学习网三、 接着我们到“系统设置”>“数据更新中心”>“刷新所有信息内容页面”(勾选重复生成),刷新后查看文章就可以看到digg效果了 CkUHTML5中文学习网 - HTML5先行者学习网学习digg的调用CkUHTML5中文学习网 - HTML5先行者学习网
CkUHTML5中文学习网 - HTML5先行者学习网
设置好内容页的digg后,接着我们可以在任意地方用
ecmsinfo的SQL语句方式调用到应用DIGG的信息
CkUHTML5中文学习网 - HTML5先行者学习网首先我们回顾下"ecmsinfo的SQL语句方式调用":
CkUHTML5中文学习网 - HTML5先行者学习网ecmsinfo语法:CkUHTML5中文学习网 - HTML5先行者学习网[ecmsinfo]栏目ID/专题ID/SQL,显示条数,标题截取数,是否显示栏目名,操作类型,模板ID,只显示有标题图片[/ecmsinfo]
CkUHTML5中文学习网 - HTML5先行者学习网ecmsinfo的SQL语句方式调用要点:标签第一个参数为调用信息的SQL语句,操作类型为24CkUHTML5中文学习网 - HTML5先行者学习网CkUHTML5中文学习网 - HTML5先行者学习网举个例子:CkUHTML5中文学习网 - HTML5先行者学习网调用"新闻表digg信息列表"的标签:
CkUHTML5中文学习网 - HTML5先行者学习网[ecmsinfo]"select * from [!db.pre!]ecms_
news where checked=1 order by diggtop desc,id desc limit
10",10,30,0,24,
9,0[/ecmsinfo]
CkUHTML5中文学习网 - HTML5先行者学习网说明:上面红色中的"news"为数据表名;10为调用条数;9为显示内容的标签模板ID。CkUHTML5中文学习网 - HTML5先行者学习网CkUHTML5中文学习网 - HTML5先行者学习网上面标签最终显示效果为如下:CkUHTML5中文学习网 - HTML5先行者学习网
CkUHTML5中文学习网 - HTML5先行者学习网CkUHTML5中文学习网 - HTML5先行者学习网附加说明:调用的信息还可以限制各式各样的条件,如我只调用哪几个栏目ID的DIGG信息,那SQL语句就为下面:CkUHTML5中文学习网 - HTML5先行者学习网select * from [!db.pre!]ecms_news where
classid in (栏目ID1,栏目ID2...,栏目ID3) and checked=1 order by diggtop desc,id desc limit 10
CkUHTML5中文学习网 - HTML5先行者学习网CkUHTML5中文学习网 - HTML5先行者学习网