编辑“ECMS:JS模板”

<span style="border:1px solid #000; float:right; padding:6px; margin-bottom:15px; text-align:center;"><strong>导航:</strong> [[ECMS:模板制作篇|上一级]] | [[帝国CMS]] | {{Template:帝国导航}}</span>
<div style="clear:both;"></div>
'''JS模板制作：帝国网站管理系统不仅支持标签调用，同时也支持JS调用，JS模板就是为JS调用的显示样式。'''
<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>
列表内容<br>
[!--empirenews.listtemp--]<br>
列表尾<br>
<span style="color:#666;">说明：第一个[!--empirenews.listtemp--]表示循环开始、第二个[!--empirenews.listtemp--]表示循环结束。</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、登陆后台->点击大菜单“模板管理”>“管理JS模板”，进入如下界面： 

图片1：菜单导航
<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、点击“增加JS模板”按钮后，进入增加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;">
时间显示格式&nbsp;&nbsp;&nbsp;&nbsp;发布时间格式，默认为[m-d]，则表示：“[12-07]”<br> 
模板内容&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;JS模板的内容</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--]:信息标题<br>
[!--titleurl--]:标题链接&nbsp;&nbsp;[!--newstime--]:发布时间&nbsp;&nbsp;&nbsp;&nbsp;[!--oldtitle--]:标题ALT(不截取字符)<br>
[!--titlepic--]:标题图片&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模板标签变量： 

图1：设计视图 
<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”等是使用默认JS模板。


[[Category:帝国管理系统|D]]