Discuz!5.5 JS调用图文教程

Discuz!5.5 JS调用图文教程:

JS调用可以实现的效果这里不再多讲,大家应该已经非常熟悉了,在此给大家讲一下Discuz!5.5的JS调用步骤。新的版本可以设置JS调用的模板,以及有更多的过滤参数,很方便地供站长使用。具体步骤如下:

一、开启JS调用:系统设置–基本设置–JS调用–启用JS调用(如图1)

在此可以设置的参数有3个:JS数据缓存时间、JS日期格式、JS来路限制

二、打开JS调用的设置:系统设置–系统工具–JS调用向导–选择调用的内容(如图2)

这里可选择的调用内容有:主题列表、论坛列表、会员排行、论坛统计、附件图片调用以及自定义JS调用。 本教程以调用“主题列表”为例说明。

三、点击“主题列表”进行设置,(如图3和图4)。

A、设计JS调用的模板,如图3所示。这里做两个功能的解释:

1、[node][/node]的作用:将所有JS调用的内容做封装。它的作用在于:如果您要修改调用内容的显示格式,可以这样设置,在模板外加入[node][/node],然后在[node][/node]外加上html代码,设置之后所有的内容将会以您添加的html代码展示。 举例说明:将调用的主题信息显示红色,可以这样设置:

<font color=red>[node]{prefix} 主题:{subject}<br>所在论坛:{forum} 主题作者:{author} 发布时间:{dateline}<br>[/node]</font>

其中:“{prefix} 主题:{subject}<br>所在论坛:{forum} 主题作者:{author} 发布时间:{dateline}<br>”这一段是单条数据的模板,使用[node][/node]将模板封装,然后在外加入<font color=red>…</font>设置数据的显示颜色。 简单地讲:[node][/node]就是将模板封装。

2、方便地模板排版功能:新版本的JS调用可以自定义调用的模板,直接点击{},就可以快捷地设计模板。

B、过滤调用信息。请看图4。

四、在第三步设置之后点击“提交”。得到如图5的JS标识。点击图里粉色部分后得到JS代码,见图7。将代码复制到您需要的页面内,就ok了!

觉得自己做的到和不做的到,其实只在一念之间

Discuz!5.5 JS调用图文教程

相关文章:

你感兴趣的文章:

标签云: