編輯“ECMS:JS模板”

<span style="border:1px solid #000; float:right; padding:6px; margin-bottom:15px; text-align:center;"><strong>導(dǎo)航:</strong> [[ECMS:模板制作篇|上一級(jí)]] | [[帝國CMS]] | {{Template:帝國導(dǎo)航}}</span>
<div style="clear:both;"></div>
'''JS模板制作：帝國網(wǎng)站管理系統(tǒng)不僅支持標(biāo)簽調(diào)用，同時(shí)也支持JS調(diào)用，JS模板就是為JS調(diào)用的顯示樣式。'''
<div style="font-size:14px; font-weight:bold; border:1px solid darkslateblue; background:#f0f0f0; padding:0 5px; margin:20px 0 20px;">
JS模板制作格式
</div>
<p style="border:1px solid #999; width:769px; padding-left:15px; margin-left:15px;">
列表頭<br>
[!--empirenews.listtemp--]<br>
列表內(nèi)容<br>
[!--empirenews.listtemp--]<br>
列表尾<br>
<span style="color:#666;">說明：第一個(gè)[!--empirenews.listtemp--]表示循環(huán)開始、第二個(gè)[!--empirenews.listtemp--]表示循環(huán)結(jié)束。</span></p>
<div style="font-size:14px; font-weight:bold; border:1px solid darkslateblue; background:#f0f0f0; padding:0 5px; margin:20px 0 20px;">
增加JS模板
</div>

1、登陸后臺(tái)->點(diǎn)擊大菜單“模板管理”>“管理JS模板”，進(jìn)入如下界面： 

圖片1：菜單導(dǎo)航
<div style="width:354px; border:1px solid #999;">
[[{{ns:image}}:jstemp1.gif]]</div>

圖片2：管理JS模板頁面
<div style="width:700px; border:1px solid #999;">
[[{{ns:image}}:jstemp2.gif]]</div>

2、點(diǎn)擊“增加JS模板”按鈕后，進(jìn)入增加JS模板頁面，如圖：
<div style="width:700px; border:1px solid #999;">
[[{{ns:image}}:jstemp3.gif]]</div>
<p style="border:1px solid #999; width:488px; padding-left:15px; margin-left:15px;">
時(shí)間顯示格式&nbsp;&nbsp;&nbsp;&nbsp;發(fā)布時(shí)間格式，默認(rèn)為[m-d]，則表示：“[12-07]”<br> 
模板內(nèi)容&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;JS模板的內(nèi)容</p>

JS模板支持的變量：
<p style="border:1px solid #999; width:700px; padding-left:15px; margin-left:15px;">
[!--id--]:信息ID&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[!--classid--]:欄目ID&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[!--title--]:信息標(biāo)題<br>
[!--titleurl--]:標(biāo)題鏈接&nbsp;&nbsp;[!--newstime--]:發(fā)布時(shí)間&nbsp;&nbsp;&nbsp;&nbsp;[!--oldtitle--]:標(biāo)題ALT(不截取字符)<br>
[!--titlepic--]:標(biāo)題圖片&nbsp;&nbsp;[!--classname--]:欄目名稱&nbsp;&nbsp;&nbsp;[!--classurl--]:欄目鏈接</p>

<div style="font-size:14px; font-weight:bold; border:1px solid darkslateblue; background:#f0f0f0; padding:0 5px; margin:20px 0 20px;">
JS模板制作范例 
</div>
1、用[[DreamWeaver]]制作好模板界面，然后在表單加上JS模板標(biāo)簽變量： 

圖1：設(shè)計(jì)視圖 
<div style="width:272px; border:1px solid #999;">
[[{{ns:image}}:jstemp4.gif]]</div>
代碼：
<div style="width:899px; border:1px solid #999;">
[[{{ns:image}}:jstemp5.gif]]</div>

2、顯示效果
<div style="width:295px; border:1px solid #999;">
[[{{ns:image}}:jstemp6.gif]]</div>

'''其它說明'''

“所有信息最新JS”、“所有信息熱門JS”等是使用默認(rèn)JS模板。


[[Category:帝國管理系統(tǒng)|D]]