织梦(dedecms)仿站教程第二十二讲——列表页制作（一）

今天开始讲列表页模板的制作，首先是打开拳击在线的一个列表页，这里我们以国际拳坛为例。

打开保存的网页，list_article.htm，将拳击在线的列表页代码覆盖到list_article.htm文档里面。下面开始我们的修改之路。

页首代码参考封面页页首代码，两者是一样的，接着是通用头部，这些不再重复了。

接下来是面包屑导航，看代码：

<DIV class=loc>当前位置：<A href="http://www.quanji.cn/">首页</A> > <A  

href="http://www.quanji.cn/news/">拳击新闻</A> > <A  

href="http://www.quanji.cn/news/1/">国际拳坛</A></DIV>

 

修改为：

<DIV class=loc>当前位置：{dede:field name='position'/}</DIV>

 

面包屑导航以后也不再重复了，内容页与此一样。

接下来是列表，这个列表有点特色，每五篇文章下面有一条虚线。我们取出列表的五篇文章代码：

1. <UL>
2.   <LI><SPAN class=date>08-17</SPAN><A href="http://www.quanji.cn/news/1/6144.html" target=_blank>IBF命令马雷斯VS阿格贝克复赛 多奈尔将面对纳瓦雷兹</A></LI>
3.   <LI><SPAN class=date>08-17</SPAN><A href="http://www.quanji.cn/news/1/6143.html" target=_blank>梅威瑟：奥蒂兹将成为我的第42位手下败将</A></LI>
4.   <LI><SPAN class=date>08-17</SPAN><A href="http://www.quanji.cn/news/1/6141.html" target=_blank>马奎兹、里奥斯、加西亚洛杉矶会面</A></LI>
5.   <LI><SPAN class=date>08-17</SPAN><A href="http://www.quanji.cn/news/1/6142.html" target=_blank>“菲律宾闪电”小多奈尔最新动态</A></LI>
6.   <LI><SPAN class=date>08-17</SPAN><A href="http://www.quanji.cn/news/1/6139.html" target=_blank>谢菲尔：梅威瑟VS可汗可能会在明年11月上演</A></LI>
7. </UL>

 

修改为织梦的列表代码：

1. <UL>
2.   {dede:listpagesize='20'}  
3.   <LI><SPAN class=date>[field:pubdate function="MyDate('m-d',@me)"/]</SPAN><A href="[field:arcurl/]" target=_blank>[field:title/]</A></LI>
4.   {/dede:list}  
5. </UL>

 

通过查看前台，我们发现没有每隔五篇文章输出虚线，所以我们需要编小段PHP代码了，具有织梦特色的PHP代码：

[field:global name=autoindex runphp="yes"](@me%5==0)? @me="</UL><UL>":@me="";[/field:global]

 

将这行代码放在上段代码第4行的上面，这行代码的意思是：当atuoindex变量除于5的余数为0时，autoindex的输出值为</UL><UL>，否则输出值为空。（不知道我的解释是否正确，我没有经过科班的编程培训，有些名词可能不到位，大概意思就是这样的。）

查看前台演示：