PHPCMS V9 文章列表循环样式自定义方法

大家在用PHPCMS系统做网站的时候,有时候在列表循环可能希望用到不同的布局格式,而并不希望在整个列表中做好几个pc标签配合不同的start参数的时候,你可以试试我这个方法.

先来看看效果图:

phpcms文章列表循环不同样式制作方法

那么我这张图清晰的告诉大家,这个列表分为三个部分,而我将采用两个PC标签完成它(之所以用两个PC标签输出,目的在于温习phpcms嵌套循环内容输出,当然你完全可以通过我的方法用一个PC标签搞定),因为CSS样式已经做好,这里大家只用看程序部分即可,先上代码部分:

    <div class="hifi_PubArea">
       <div class="MainTitle">
         <div class="classTitle">
           <div><a href="{APP_PATH}cydiy/">创意DIY&nbsp;</a></div>
         </div>
         <div class="fr Blue_List_A"><a href="{APP_PATH}cydiy/" class="block_more"></a></div>
       </div>
       {pc:content action="lists" catid="40" order="id DESC" num="5" return="data"}
       <ul class="video_MainList">
         {php $num=0}
         {loop $data $r}
         {php $num++}
         {if $num==1}
         <li class="classMain">
         <a href="{$r[url]}"><img src="{$r[thumb]}" /></a>
         <h3><a href="{$r[url]}">{$r[title]}</a></h3>
         <p class="videoDpt">{$r[description]}</p>
         <p>栏目：<span>{$CATEGORYS[$r[catid]][catname]}</span></p>
         {php $keywords = explode(' ',$r['keywords']);}
         <p>书签：<span>{loop $keywords $keyword}<a href="{APP_PATH}{$r['catid']}-{urlencode($keyword)}.html" class="keywords">{$keyword}</a>{/loop}</span></p>
         <p>发布时间：<span>({date('Y-m-d',$r[inputtime])})</span></p>
         <div class="videoPart3">
           {pc:content action="lists" catid="40" order="id DESC" num="4" start="5" return="data"}
           <ul>
             {loop $data $v}
             <li><h4><a href="{$v[url]}">{str_cut($v[title],54,'...')}</a></h4></li>
             {/loop}
           </ul>
           {/pc}
         </div>
         <div class="clear"></div>
         </li>
         {/if}
         {if $num>=2}
         {php $num++}
         <li class="videoPart2">
         <a href="{$r[url]}"><img src="{$r[thumb]}" /></a>
         <h4><a href="{$r[url]}">{$r[title]}</a></h4>
         <p>栏目：<span>{$CATEGORYS[$r[catid]][catname]}</span></p>
         {php $keywords = explode(' ',$r['keywords']);}
         <p>书签：<span>{loop $keywords $keyword}<a href="{APP_PATH}{$r['catid']}-{urlencode($keyword)}.html" class="keywords">{$keyword}</a>{/loop}</span></p>
         </li>
         {/loop}
         {/if}
       </ul>
       {/pc}
     </div>

看不懂?好吧,我简单说明一下,其中图片中的Part1和Part2其实就是第一个PC标签所循环的内容,而循环出来的5篇文章,其中第一篇和后面四篇是不同的,那么,这里有个判断语句,给$num初始值定义为0,随着循环自增,当$num==1是输出第一个很特殊的结构样式,然后当$num>=2时,则开始输出剩余的4篇文章,Part3则穿插在Part1内,当然我有用了一个PC标签调用文章,这里就要增加一句start=”5″了,当然如果你不想用PC标签,其实可以用Part2同样的方法来做,当然不要忘记在第8行内的num改成9,因为此栏目一共有9篇文章,那么就呈现了一个PC标签循环列表中可以采用三种不同的样式结构了.

其实这段代码理解起来也没有什么难度,基本上是基本语法,希望大家看了之后有所收获能够在其他所需要的地方活学活用.