discuz 模块模板标签说明 DIY模块模板语法详解

简介: 基本语句 [loop]...[/loop]标签来循环显示模块中的数据;如果要在模板中多处循环可以使用[loop1]...[/loop1]的方式扩展(只能扩展1-9个) [order=N]...

基本语句

  • [loop]...[/loop]标签来循环显示模块中的数据;如果要在模板中多处循环可以使用[loop1]...[/loop1]的方式扩展(只能扩展1-9个)
  • [order=N]...[/order]标签来替代默认loop中的第N个位置数据的展示,你可以使用[order1=N]...[/order1]的方式来扩展(对应[loop1],只能扩展1-9个)
其中:[order=odd]为奇数行,[order=even]为偶数行
  • [index=N]...[/index]的方式来指定第N条数据的展示方式,由该语法指定的数据不再在loop循环中出现,可以通过[index1]...[/index1]的方式来扩展(只能扩展1-9个)以实现同一条数据多处展示

通用变量

  • 当前数据的链接地址:{url}
  • 当前数据的标题:{title}
  • 当前数据的图片地址:{pic}
  • 当前数据的简介:{summary}
  • 当前数据顺序:{currentorder}
  • 当前数据是否在奇数行:{parity},奇数行为1,偶数行为0
  • 可设置打开方式的链接:<a href="{url}"{target}>{title}</a>
  • 可设置缩略图大小的图片:<img src="{pic}" width="{picwidth}" height="{picheight}" />

特殊字段变量

  • 在PHP数据类的fields方法中定义的变量都可以使用,如帖子类有{author},{authorid},{forumname},{dateline}等等
变量只在[loop]、[order]、[index]标签内生效

百变幻灯片语法

幻灯片的HTML结构分为整体大结构和三个内部部分,你可以在自己的模板中使用,也可以在DIY模块模板中使用

整体大结构

  • 幻灯片的识别样式名为slidebox,可以使用任何容器类的HTML标签,如div,table等
  • 属性值
timestep 控制幻灯片播放的速度,单位是毫秒,默认是2500毫秒
slidenum 表示显示数量,默认是0
slidestep 表示每点击一次左右(上下)按扭 移动的个数,默认是0
当slidenum和slidestep同时有值时,幻灯片将不自动播放,需要配合左右(上下)按钮来实现变动
  • 必须的JS代码
<script type="text/javascript">
runslideshow();
</script>
  • 普通幻灯片示例代码
<div class="module cl slidebox" timestep="3000">
...
</div>
  • 列表显示示例代码
<div class="module cl slidebox" slidenum="4" slidestep="1">
...
</div>

主体显示部分

  • 识别样式名为slideshow,slideshow元素下的每一个子节点元素(非空白节点)将做为一个显示元素
  • 示例代码
<ul class="slideshow">
[loop]
<li style="width: {picwidth}px; height: {picheight}px;"><a href="{url}"{target}><img src="{pic}" width="{picwidth}" height="{picheight}" /></a><span class="title">{title}</span></li>
[/loop]
</ul>

控制部分

  • 识别样式名为slidebar、slidebarup、slidebardown
slidebar元素下的每一个子节点元素(非空白节点)将做为一个控制元素,
slidebarup为上一个按钮,slidebardown为下一个按钮,slidebarup和slidebardown这两个不是必须的
  • 属性值
mevent 控制元素鼠标响应事件,click或mouseover,默认为click
  • 示例代码
<ul class="slidebar" mevent="mouseover">
[loop]
<li>{currentorder}<li>
[/loop]
</ul>

附加显示部分

  • 识别样式名为slideother,一个幻灯片里可以有多个slideother,slidebar元素下的每一个子节点元素(非空白节点)将做为一个附加显示元素
  • 示例代码
<ul class="slideother">
[loop]
<li>{summary}<li>
[/loop]
</ul>
<ul class="slideother">
[loop]
<li>{avatar_big}<li>
[/loop]
</ul>
相关文章
|
存储 编译器 C++
【C++】什么是模板?怎样使用模板?
【C++】什么是模板?怎样使用模板?
76 0
|
8月前
|
JSON 小程序 搜索推荐
【微信小程序】-- 模板语法与配置的总结(二十一)
【微信小程序】-- 模板语法与配置的总结(二十一)
|
JSON 小程序 前端开发
小程序模板语法样式与页面配置
小程序模板语法样式与页面配置
190 1
小程序模板语法样式与页面配置
WordPress 的最佳设计和自定义页面布局生成器是什么吗?
WordPress 有很多设计和自定义页面布局生成器可供选择,它们都有不同的特点和优缺点,最佳的选择取决于您的需求和偏好。以下是一些常用和受欢迎的 WordPress 页面布局生成器:
|
小程序 JavaScript 前端开发
零基础学小程序 —— 模板语法(二)
零基础学小程序 —— 模板语法(二)
240 0
零基础学小程序 —— 模板语法(二)
|
小程序 JavaScript
微信小程序---WXML 模板语法(附带笔记文档)(1)
微信小程序---WXML 模板语法(附带笔记文档)(1)
微信小程序---WXML 模板语法(附带笔记文档)(1)
|
小程序 JavaScript 索引
微信小程序---WXML 模板语法(附带笔记文档)(2)
微信小程序---WXML 模板语法(附带笔记文档)(2)
|
Dubbo Java 应用服务中间件
DocView 现在支持自定义 Markdown 模版了!
有小伙伴反馈说希望可以自定义 Markdown 模版,这样就可以导出自己想要的样式了!这个功能可以有,毕竟大家不可能都生成一模一样的文档。现在来一起看看如何实现自定义模版吧!
117 0
6个绝赞的模板网站,你想要的、这里都有!
提起PPT,应该都不陌生,作为Office三件套之一,它扮演者至关重要的角色。在学生时代如此,在工作之后更为重要。 以我为例,在学生时代没有意识到PPT的重要性,无论是日常开会讨论,还是毕业答辩,我都是随便找出一个简陋的默认版本,贴上一些文字、公式、图片就大功告成。做完一个PPT,前后也用不到半天时间。
6个绝赞的模板网站,你想要的、这里都有!