[基礎用法]
标簽:models
描述:易優常用标記,可(kě)以循環嵌套标簽。通(tōng)常用于網站(zhàn)導航以獲取站(zhàn)點欄目信息。
用法:
{eyou:models type=’top’ loop=’8′ currentclass=’active’}
<li class=”{$field.currentclass}”><a href='https://www.yunbuluo.net/xueyuan/{$field.typeurl}’? {$field.extends}>{$field.typename}</a> </li>
{/eyou:models}
屬性:
typeid=”欄目ID”
loop=’10’ 返回文檔列表總數(shù)(建議不要與limit屬性同時(shí)存在,否則loop無效)
limit=’起始ID,記錄數(shù)’ (起始ID從0開(kāi)始)表示限定的記錄範圍(如:limit=’1,2′ 表示從ID為(wèi)1的記錄開(kāi)始,取2條記錄)
titlelen=’30’ 欄目名稱長度
type=’son’ 表示下級欄目
currentclass=” 應用樣式class類名
offset=’0′ 記錄的起始ID,默認從0開(kāi)始,假如指定2,将過濾最前面的2條,從第三條顯示
name=” 數(shù)組類型的變量名(三級導航時(shí)才用到)
empty=” 沒有(yǒu)數(shù)據時(shí)顯示的文案
mod=” 每隔N行(xíng)輸出的內(nèi)容
id=” 可(kě)以任意指定循環裏的變量名替代field,假設id=’field1’,模闆調用如:{$field.title} 變成 {$field1.title}
涉及表字段:
請(qǐng)查閱易優cms官方提供的數(shù)據字典,找到表名 ey_arctype
(注:在沒有(yǒu)指定typeid的情況下,type标記與模闆的環境有(yǒu)關,如:模闆生(shēng)成到欄目一,那(nà)麽type=’son’就表示欄目一的所有(yǒu)子欄目)
注:{$field.extends}為(wèi)新窗口打開(kāi)/?等設置,直接放在a标簽的參數(shù)裏即可(kě)
——————————-效果展示——————————–
1,調用頂級欄目導航
模闆調用代碼
{eyou:models type=”top” loop=”8″ id=”field” currentclass=”on”}
<li> <a class=”{$field.currentclass}” href=https://www.yunbuluo.net/xueyuan/”{$field.typeurl}”>{$field.typename}</a> </li>
{/eyou:models}
網站(zhàn)前端顯示效果(css樣式請(qǐng)自行(xíng)填充)
2.當前欄目下子欄目調用
模闆調用代碼
{eyou:models loop=”6″ type =’son’ currentclass=”on”}
<li class=”{$field.currentclass}”><a href=https://www.yunbuluo.net/xueyuan/”{$field.typeurl}” >{$field.typename}</a> </li>
{/eyou:models}
網站(zhàn)前端顯示效果(css樣式請(qǐng)自行(xíng)填充)
【更多(duō)示例】
——————————-示例1——————————–
描述:輸出最頂級欄目,不包括子孫欄目,可(kě)用于網站(zhàn)簡單的頂部導航
{eyou:models type=”top” loop=”10″ currentclass=”active”}
<a href=https://www.yunbuluo.net/xueyuan/”{$field.typeurl}” title=”{$field.typename}” class=”{$field.currentclass}”>{$field.typename}</a>
{/eyou:models}
——————————-示例2——————————–
描述:輸出二個(gè)層級欄目(這裏用到models标簽層次嵌套,注意屬性id | name的用法)
{eyou:models type=’top’ loop=’10’ id=’field1′ currentclass=’active’} // 第一級欄目循環開(kāi)始
<li>
<a href=https://www.yunbuluo.net/xueyuan/”{$field1.typeurl}” title=”{$field1.typename}” class=”{$field1.currentclass}”>
{$field1.typename}
{eyou:notempty name=’$field1.children’} // 判斷是否有(yǒu)子欄目(該示例指的是第二級欄目)
有(yǒu)子欄目時(shí)才顯示這裏的html代碼,比如:箭頭、圖标等
{/eyou:notempty}
</a>
{eyou:notempty name=’$field1.children’} // 判斷是否有(yǒu)子欄目(該示例指的是第二級欄目)
<div>
{eyou:models name=’$field1.children’ id=’field2′ loop=’10’} // 第二級欄目循環開(kāi)始
<a href=https://www.yunbuluo.net/xueyuan/”{$field2.typeurl}” class=”dropdown-item “>{$field2.typename}</a>
{/eyou:models} // 第二級欄目循環結束
</div>
{/eyou:notempty}
</li>
{/eyou:models} // 第一級欄目循環結束
——————————-示例3——————————–
描述:輸出複雜的三個(gè)層級欄目(這裏用到models标簽層次嵌套,注意屬性id | name的用法)
{eyou:models type=’top’ loop=’10’ id=’field1′ currentclass=’active’} // 第一級欄目循環開(kāi)始
<li>
<a href=https://www.yunbuluo.net/xueyuan/”{$field1.typeurl}” title=”{$field1.typename}” class=”{$field1.currentclass}”>
{$field1.typename}
{eyou:notempty name=’$field1.children’}
有(yǒu)子欄目時(shí)才顯示這裏的html代碼,比如:箭頭、圖标等
{/eyou:notempty}
</a>
{eyou:notempty name=’$field1.children’} // 判斷是否有(yǒu)子欄目(第二級欄目)start
<div>
{eyou:models name=’$field1.children’ id=’field2′ loop=’10’} //第二級欄目循環開(kāi)始
<div>
<a href=https://www.yunbuluo.net/xueyuan/”{$field2.typeurl}” class=”dropdown-item “>{$field2.typename}</a>
{eyou:notempty name=’$field2.children’} // 判斷是否有(yǒu)子欄目(第三級欄目)start
<div class=”dropdown-menu animate”>
{eyou:models name=’$field2.children’ id=’field3′ loop=’10’} //第三級欄目循環開(kāi)始
<a href=https://www.yunbuluo.net/xueyuan/”{$field3.typeurl}” class=”dropdown-item “>{$field3.typename}</a>
{/eyou:models} //第三級欄目循環結束
</div>
{/eyou:notempty} // 判斷是否有(yǒu)子欄目(第三級欄目)end
</div>
{/eyou:models} // 第二級欄目循環結束
</div>
{/eyou:notempty} // 判斷是否有(yǒu)子欄目(第二級欄目)end
</li>
{/eyou:models} //第一級欄目循環結束
——————————-示例4——————————–
描述:每隔3條輸出文檔記錄
{eyou:models typeid=’文檔ID’ loop=’10’ mod=’3′}
{eyou:eq name=’mod’ value=’0′}
<a href='https://www.yunbuluo.net/xueyuan/{$field.typeurl}’>{$field.typename}</a>
{/eyou:eq}
{/eyou:models}
——————————-示例5——————————–
描述:mod屬性還(hái)用于控制(zhì)一定記錄的換行(xíng),每3條記錄換行(xíng)一次
{eyou:models typeid=’文檔ID’ loop=’10’ mod=’3′}
<a href='https://www.yunbuluo.net/xueyuan/{$field.typeurl}’>{$field.typename}</a>
{eyou:eq name=’mod’ value=’0′}
<br/>
{/eyou:eq}
{/eyou:models}
——————————-示例6——————————–
描述:輸出指定起始ID的記錄,過濾最前面2條,從第三條開(kāi)始輸出
{eyou:models typeid=’欄目ID’ type=’son’ offset=’2′}
<a href='https://www.yunbuluo.net/xueyuan/{$field.typeurl}’>{$field.typename}</a>
{/eyou:models}
——————————-示例7——————————–
描述:內(nèi)置變量輸出數(shù)據索引與記錄順序,key 表示索引,默認從0開(kāi)始;i 表示順序,默認從1開(kāi)始。
{eyou:models type=’top’}
{$key} – {$i}
{/eyou:models}
效果:
0 – 1
1 – 2
2 – 3
3 – 4
4 – 5
——————————-示例8——————————–
描述:自定義變量名
{eyou:models type=’top’ id=’field2′}
<a href='https://www.yunbuluo.net/xueyuan/{$field2.typeurl}’>{$field2.typename}</a>
{/eyou:models}