`
piperzero
  • 浏览: 3556024 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
文章分类
社区版块
存档分类
最新评论

织梦(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>,否则输出值为空。(不知道我的解释是否正确,我没有经过科班的编程培训,有些名词可能不到位,大概意思就是这样的。)
查看前台演示:
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics