图文教程:Discuz!5.5 JS的调用
JS调用可以实现的效果这里不再多讲,大家应该已经非常熟悉了,在此给大家讲一下Discuz!5.5的JS调用步骤。新的版本可以设置JS调用的模板,以及有更多的过滤参数,很方便地供站长使用。具体步骤如下:
一、开启JS调用:系统设置--基本设置--JS调用--启用JS调用(如图1)
图一
在此可以设置的参数有3个:JS数据缓存时间、JS日期格式、JS来路限制
二、打开JS调用的设置:系统设置--系统工具--JS调用向导--选择调用的内容(如图2)
图二
这里可选择的调用内容有:主题列表、论坛列表、会员排行、论坛统计、附件图片调用以及自定义JS调用。
本教程以调用“主题列表”为例说明。
[node]{PRefix} 主题:{subject}
所在论坛:{forum} 主题作者:{author} 发布时间:{dateline}
[/node]
其中:“{prefix} 主题:{subject}
所在论坛:{forum} 主题作者:{author} 发布时间:{dateline}
”这一段是单条数据的模板,使用[node][/node]将模板封装,然后在外加入...设置数据的显示颜色。
简单地讲:[node][/node]就是将模板封装。
三、点击“主题列表”进行设置,(如图3和图4)。
图三
图四
A、设计JS调用的模板,如图3所示。这里做两个功能的解释:
1、[node][/node]的作用:将所有JS调用的内容做封装。它的作用在于:如果您要修改调用内容的显示格式,可以这样设置,在模板外加入[node][/node],然后在[node][/node]外加上html代码,设置之后所有的内容将会以您添加的html代码展示。
举例说明:将调用的主题信息显示红色,可以这样设置:
2、方便地模板排版功能:新版本的JS调用可以自定义调用的模板,直接点击{},就可以快捷地设计模板。
B、过滤调用信息。请看图4。
四、在第三步设置之后点击“提交”。得到如图5的JS标识。点击图里粉色部分后得到JS代码,见图7。将代码复制到您需要的页面内,就ok了!
图五
图六
图七