Discuz!论坛js调用是一个很经典的功能,它可以将论坛新帖、排行等资料嵌入到您的普通网页中,比如html,而且访问者无需访问论坛即可获知论坛最近更新的情况,很方便的组合成首页系统。但是很多人不会用哈,在这里,我将一步一步的教导大家如何用JS调用制作一个首页系统。

以下教程针对 Discuz! 6.0,Discuz! 5.x 类似

1、进入后台,首先我们点击“系统工具”->“JS 调用设置”,先点击其中的“基本设置”。我们先开启 JS 调用功能

2、再点击其中的“调用项目设置”

我们可以看到如下几类的调用类型:

主题列表:在这里可以配合不同的参数调用到你论坛的所有主题文章,用在不同的位置,如主题推荐、公告文章、热点文章、最新主题、最新回复等等

版块列表:在这里你可以调用到你论坛的版块列表,如果你想在自己的页面中再次显示你自己论坛的版块结构的话,这个调用就用的到了.

会员排行:通过这个调用,你可以轻松的对您论坛的会员制作一个简单的排行榜,可以按照各种方式进行排行哦!

论坛统计:这个统计适合放置在论坛的首页,可以随时让用户自己论坛的发展情况

附件图片调用:这个调用会寻找所有带图片附件的主题,取出其中的一张图片作为这个主题的标志图片显示出来,提高图片主题的点击率.

自定义:在自定义类型实际上十一个以上所有 JS 调用类型的聚合,你可以做 n 个以上所涉及的调用,通过这个自定义类型组合成一个,就像搭积木一样。这样正式用的时候只需调用这自定义类型的调用设置即可啦!

说到这里大家看到了上面最后一个图片啦,对吧?那么我现在就教大家那个的制作方法。

3、首先,我们点击主题调用,新建一个主题调用,JS 调用唯一标识我们填写“threads_new”。这个东西没任何意义,就是怕您忘记,起的一个备忘用的名字,建议用英文字母和数字表示。threads_new 自然就是最新主题之意。“主题排序方式”我们选择“按发布时间倒序排序”,这样产生的数据,就是最新主题的数据啦。我们先预览下,点击下面的预览按钮。

似乎样子有些难看,我们修改 JS 调用的模板为

然后再预览

似乎好看点了对吧。在书写 JS 调用模板的时候 {forum} 代表主题所在版块的名称,{author} 代表主题作者,详细的说明,你可以看每个调用中的详细说明。此时,这个调用做好了,我们保存。同样方法制作下一个,命名为“threads_reply”的 JS 调用,“主题排序方式”我们选择“按最后回复时间倒序排序”,这样就形成了一个最新回复的调用项目。

4、现在,我们2个主题的 JS 调用做完了,我们开始制作图片附件的调用。我们新建一个图片的调用。刚进来,我们会发现默认模板就一个“{image}”太简单了对不?预览下

堆成一堆了非常不好看,对吧。那么我们修改代码装饰下它吧,制作一个 http://www.55hlg.com/ 那种的图片切换效果。我们先用[node]语法把模板中的循环部分括起来

要问为啥这HTML要这么写?没辙,一会儿要调用外部的 js ,这是给他准备的数据,呵呵。[node]中被包含的内容为需要循环显示的区域,只有在被[node]中包含的部分中才可以写{imgfile}{subject}等那些用花括号括起来的元素。在[node]之外你则可以随便写别的东西拉。比如以下代码。

[NextPage]

这样,一个完美的图片切换效果的图片附件调用就做好啦,我们保存它,JS唯一标识,起名为“images”

5、最后我们建立一个自定义类型的调用,把刚才做的3个 js 调用(thread_new、thread_reply、images)聚合起来。在这里我们直接写模板即可

其中[module]images[/module]表示此处代码显示刚才制作的images图片附件调用部分的内容。我们用table标记左中右方式横排,当把此js调用保存为 index 标识后,我们的

HTML调用Discuz系统变量,Discuz论坛js调用详解相关推荐

  1. python变量初始化_tensorflow之变量初始化(tf.Variable)使用详解

    默认本系列的的读者已经初步熟悉tensorflow. 我们通过tf.Variable构造一个variable添加进图中,Variable()构造函数需要变量的初始值(是一个任意类型.任意形状的tens ...

  2. java 静态对象赋值_基于Java class对象说明、Java 静态变量声明和赋值说明(详解)...

    先看下JDK中的说明: java.lang.Object java.lang.Class Instances of the class Class represent classes and inte ...

  3. Three.js实例详解___旋转的精灵女孩(附完整代码和资源)(一)

    Three.js实例详解___旋转的精灵女孩(附完整代码和资源)(一) 本文目录: 一.[旋转的精灵女孩]案例运行效果 二.Three.js简介 三.Three.js代码正常运行显示条件 (1)不载入 ...

  4. tecplot脚本在Linux系统下运行,Linux系统下安装Tecplot的步骤详解

    众所周知,Tecplot是Linux系统中的数据分析软件,Tecplot的功能正在变得更加完善,使用的人群也在逐渐增多.下面,我们就跟随U大侠小编一起来看看Linux系统下安装Tecplot的步骤详解 ...

  5. Three.js实例详解___旋转的精灵女孩(附完整代码和资源)(二)

    Three.js实例详解___旋转的精灵女孩(附完整代码和资源)(二) 本篇目录: 五.实例中所使用的代码语法详细解释 (1).构建一个三维空间场景 (2).选择一个透视投影相机作为观察点 (a).创 ...

  6. php能做定时关机吗,window_win10怎么定时关机?Win10系统定时关机命令使用方法详解,对于电脑用户来说,定时关机 - phpStudy...

    win10怎么定时关机?Win10系统定时关机命令使用方法详解 对于电脑用户来说,定时关机有时候经常会用到,比如夜间下载东西或者下载一些大文件,而又没有时间一直守着电脑,这时候设置电脑定时关机就很实用 ...

  7. 基于MobileNet的人脸表情识别系统(MATLAB GUI版+原理详解)

    摘要:本篇博客介绍了基于MobileNet的人脸表情识别系统,支持图片识别.视频识别.摄像头识别等多种形式,通过GUI界面实现表情识别可视化展示.首先介绍了表情识别任务的背景与意义,总结近年来利用深度 ...

  8. [玩转UE4/UE5动画系统>应用篇>功能模块] 之 布娃娃系统(ALS V4实现方案详解)

    本教程采用图文教程+视频教程的多元化形式,我会为不同的知识点选择适当的表达方式. 教程内容将同步免费发布于 开发游戏的老王(知乎|CSDN)的专栏<玩转UE4/UE5动画系统>. 教程中使 ...

  9. 有序标称变量(Categorical Features)编码为数值变量(Continuous Features​​​​​​​)详解及实践

    有序标称变量(Categorical Features)编码为数值变量(Continuous Features)详解及实践 有一个带顺序的分类特征(例如,高.中.低) 使用pandas DataFra ...

  10. 大型网站系统架构系列:负载均衡详解(一)

    大型网站系统架构系列:负载均衡详解(一) 2016-03-20 架构说 面对大量用户访问.高并发请求,海量数据,可以使用高性能的服务器.大型数据库,存储设备,高性能Web服务器,采用高效率的编程语言比 ...

最新文章

  1. 网站截图工具EyeWitness
  2. idea 在tomcat中部署的时候 莫名其妙的错误
  3. 11 个 Linux 上最佳的图形化 Git 客户端
  4. android app没有读写权限设置,Android 6.0以上权限拒绝打开权限设置界面的解决方法...
  5. [Hibernate]关于ID的一个容易混淆的地方
  6. android q桌面,Android Q带来全新桌面模式
  7. 怎么用计算机按反三角函数图像及性质,反三角函数在计算器上怎么操作
  8. RC串联延时电路电容充电时间计算
  9. NEW:5.9.4/Foxit PDF SDKfor ActiveX
  10. hprose-php教程,Swoole学习笔记(六):Hprose入门
  11. Arccatalog连接到postgresql失败问题
  12. android usb键盘监听,android设备外接键盘实现监听事件
  13. 负反馈放大电路(附Multisim)
  14. 像京东等大厂为什么不通过减薪来代替裁员,降低成本?
  15. linux命令 mml,微软开源用于Spark的深度学习库MMLSpark
  16. nx.adjacency_matrix计算邻接矩阵与真实结果不一致:解决办法记录
  17. 2022年中国镍期货成交量、成交金额、成交价格走势分析:镍开盘价持续走高[图]
  18. 华为领衔,“5G+摄像头”拿下双影帝,多家国产手机凭借拍照入围MWC最佳演员... 1
  19. 移动端H5如何调用相册和相机上传图片、音频、视频
  20. 【STM32F4系列】【HAL库】【自制库】WS2812(软件部分)(PWM+DMA)

热门文章

  1. vue显示格式化的json
  2. 数据结构-BF算法和KMP算法
  3. iOS 动画(基于Lottie封装)
  4. Python三维绘图——Matplotlib
  5. 航天飞机电子计算机象征是什么,航天飞机的特点是什么
  6. 我要偷偷的学Python,然后惊呆所有人(第三天)
  7. Chrome远程调试手机端UC浏览器
  8. python斐波那契数列计算_python计算斐波那契数列
  9. python打印菱形_python打印菱形
  10. 淘宝评论爬虫python