很多時候我們在做文章列表前面的序號時都直接采用的是背景圖片來實現(xiàn)的，但是這樣我們在實際寫頁面過程中需要手動調(diào)整每個序號間的間距，對于排版來說非常的麻煩。今天這個文章的目的就是是介紹怎么利用dedecms的[field:global.autoindex/]來實現(xiàn)前面的序號以及背景樣式。

實現(xiàn)方法：我們先看下面一段代碼

{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 表示這個標(biāo)記本身的值

//autoindex 自增序號 就想是一般循環(huán)有語句中的 i++ 循環(huán)一次 自動加1

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

// em 大家都懂吧 是一個html標(biāo)簽<em>

模板經(jīng)過解析后前臺顯示為

<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或者是圖片都是可以實現(xiàn)的吧！

解釋下上面的語句，autoindex<4 則讓autoindex的值返回3 如果autoindex<10 則讓autoindex的值返回0autoindex；

如果說你要調(diào)用數(shù)字非常有規(guī)律，跟[field:global name=autoindex runphp="yes"]@me;[/field:global]中的@me 成等比或者是等差或者是相差一個固定的數(shù)值，那么可以這樣寫@me=“@me”+1 ，其它請自行嘗試@me=“@me+1”是不對的，那樣+1會看作是一個字符串！

dedecms運用[field:global.autoindex/]實現(xiàn)數(shù)字序號列表就寫到這里，上面的案例只能在arclist標(biāo)簽中使用。