迅睿cms模板循环标签每隔几行几个更换或指定输出特定样式

制作前端模板时,有时在调用循环标签时,需要每隔几条内容,更换或指定输出特定样式。比如列表页循环每逢第三个更换样式;比如循环中实现每隔5条记录加一个隔行符号;比如实现隔行更换样式;比如Table中每三篇文章输出一个特定字段;等等此类问题,都可以使用以下原理来实现:

参考示例一

问题思路

比如在循环中实现每隔5条记录,加一个隔行符号。那么我们可以用循环次数变量除于5,如果被整除,表示可以输出隔行符号了

实现代码

{php $hang = 1;}  //初始化行变量
{循环标签开始********}
***********
{if $hang%5 == 0}
表示第5行了,可以在这里加上隔行符号
{/if} ******* {php $hang++;}  //累计行变量写在结束标签上一行 {循环标签结束********}


参考示例二

问题思路

比如在前端是table表格,循环中,需要5个一行。那么我们可以使用php自带的函数array_chunk将结果数组按N个进行拆分为子数组,就可以很方便的循环出来了。

实现代码


//通过module标签 或 其他循环标签 先查询出结果集
{module module=news order=updatetime}{/module}	
//通过php自带的函数按每行5个进行拆分
{php $arr=array_chunk($return, 5, true);}
//再通过循环变量拆分后的数据进行输出
{loop $arr $i $a}

    {loop $a  $ii $t}
    
    {/loop}

{/loop}
{$t.title}


参考示例三

问题思路

  •     ...
  •     ...
  •     ...
  •     ...
  •     ...     ...
  • 比如上方前端代码,两条数据一组,按左右布局排列。那么我们可以使用php自带的函数array_chunk将结果数组按2个进行拆分为子数组,进行循环。

    实现代码

    //通过module标签 或其他循环标签 先查询出结果集
    {module module=news order=updatetime}{/module}
    //通过php自带的函数按每行2个进行拆分
    {php $arr=array_chunk($return, 2, true);}
    //再通过循环变量拆分后的数据进行输出
    {loop $arr $i $a}
    
  • {loop $a  $ii $t} {$t.title} {/loop}
  • {/loop}


    应用提示

    以上示例代码为我遇到的一些场景,都已经过测试,可以应用的场景实际很多。实际在应用中根据你的前端样式和要循环的内容,比葫芦画瓢就行。

    上一篇将Html5手机端网站封装为微信小程序的方法(图文教程)
    下一篇迅睿cms会员登录/注册/退出登录后跳转到指定链接或返回当前页面

    相关文章