建站之家专注提供完整无错带后台数据网站模板下载
用户名:
密码:
注册帐号

搜集全网优质网站模板下载 (持续更新 值得关注)

 

建站之家交流群:网站建设交流群

当前位置: 首页 > 建站教程 > 织梦建站教程 >

织梦cms文章列表前添加序列号

更新时间:2017-10-15 浏览次数:

很多时候我们在做文章列表前面的序号时都直接采用的是背景图片来实现的,但是这样我们在实际写页面过程中需要手动调整每个序号间的间距,对于排版来说非常的麻烦。

今天给所有自己建网站的学员介绍一种利用dedecms的[field:global.autoindex/]来给文章列表前添加序列号的方法。这种方法在B2B网站制作中经常用到。效果如下图:
dedecms文章列表前添加序列号

dedecms文章列表前添加序列号代码

{dede:arclist typeid=’1′ limit=’0,10′ titlelen=’30′} <li><em class=”num[field:global name=autoindex runphp="yes"](@me<4)? @me=”3″:@me=”";[/field:global]“>[field:global name=autoindex runphp="yes"](@me<10)? @me=”0@me”:@me=”10″;[/field:global]</em><a href=”[field:arcurl/]” target=”_blank” title=”[field:fulltitle/]“>[field:title/]</a></li>{/dede:arclist}

代码解释:

//@me 表示这个标记本身的值

//autoindex 自增序号 就想是一般循环有语句中的 i++  循环一次 自动加1

//runphp=”yes”  在php程序中运行

// em 大家都懂吧 是一个html标签<em>

模板经过解析后前台显示为

<li><em class=”num3″>01</em><###</li>
<li><em class=”num3″>02</em>##</li>
<li><em class=”num3″>03</em>##</li>
<li><em class=”num”>09</em>##</li>
<li><em class=”num”>10</em>##</li>

显示为10行,而且前面都带有编号,至于序号上的颜色边框我想大家用css或者是图片都是可以实现的吧!

解释下上面的语句,autoindex<4 则让autoindex的值返回3   如果autoindex<10 则让autoindex的值返回0autoindex;

如果说你要调用数字非常有规律,跟[field:global name=autoindex runphp="yes"]@me;[/field:global]中的@me 成等比或者是等差或者是相差一个固定的数值,那么可以这样写@me=“@me”+1 ,其它请自行尝试@me=“@me+1 ”是不对的,那样+1会看作是一个字符串!

dedecms运用[field:global.autoindex/]实现数字序号列表就写到这里,上面的案例只能在arclist标签中使用。

以上是通过[field:global.autoindex/]给dedecms文章列表前添加序列号,我们也可以使用css选择器的after属性来达到这样的效果。

无链接信息! 提取密码:无需密码

PHP源码 ASP源码 织梦模板 DISCUZ社区论坛模板 ECSHOP商城模板 帝国CMS模板 Wordpress主题 网站源码 其它源码模板 网站模板源码下载大全

栏目导航

WEB前端开发教程织梦建站教程ecshop建站教程帝国建站教程Discuz使用教程wordpress建站教程