編輯“ECMS:列表模板”

<span style="border:1px solid #000; float:right; padding:6px; margin-bottom:15px; text-align:center;"><strong>導(dǎo)航:</strong> [[ECMS:模板制作篇|上一級(jí)]] | [[帝國(guó)CMS]] | {{Template:帝國(guó)導(dǎo)航}}</span>
<div style="clear:both;"></div>
'''列表模板制作：(制作方法基本同標(biāo)簽?zāi)０?'''
<div style="font-size:14px; font-weight:bold; border:1px solid darkslateblue; background:#f0f0f0; padding:0 5px; margin:20px 0 20px;">
列表模板制作格式
</div>
<p style="padding-left:15px;">
列表頭<br>
[!--empirenews.listtemp--]<br>
列表內(nèi)容<br>
[!--empirenews.listtemp--]<br>
列表尾 <br>
<span style="color:#666;">說(shuō)明：第一個(gè)[!--empirenews.listtemp--]表示循環(huán)開(kāi)始、第二個(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;">
增加列表模板
</div>
1、登陸后臺(tái)->點(diǎn)擊大菜單“模板管理”>“管理列表模板”，進(jìn)入如下界面：

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

圖2：管理列表模板界面
<div style="width:700px; border:1px solid #999; padding:3px;">
[[{{ns:image}}:listtemp2.gif]]</div>

2、點(diǎn)擊“增加列表模板”按鈕后，進(jìn)入增加列表模板頁(yè)面，如圖：
<div style="width:700px; border:1px solid #999; padding:3px;">
[[{{ns:image}}:listtemp3.gif]]</div>
<pre style="border:1px solid #999; background:white;">
所屬系統(tǒng)模型           指這個(gè)列表模板用于的系統(tǒng)模型 
簡(jiǎn)介截取字?jǐn)?shù)           針對(duì)“smalltext”、“flashsay”、“softsay”、“moviesay”字段的截取設(shè)置，0為不截取 
標(biāo)題截取字?jǐn)?shù)           可設(shè)置截取標(biāo)題的前多少字，0為不截取 
每行顯示               是指每次循環(huán)記錄數(shù) 
時(shí)間顯示格式           格式化時(shí)間，如“Y-m-d”就是顯示“2008-08-08” 
頁(yè)面模板內(nèi)容           信息列表的模板主要內(nèi)容 
列表內(nèi)容模板(list.var) 即＂頁(yè)面模板內(nèi)容＂中＂<!--list.var*-->＂標(biāo)簽顯示的內(nèi)容． 
</pre>

3、列表模板支持的變量：
 
(1)、頁(yè)面模板內(nèi)容支持的變量
<pre style="border:1px solid #999; background:white;">
[!--pagetitle--]:頁(yè)面標(biāo)題         [!--newsnav--]:導(dǎo)行條                   [!--page.stats--]:統(tǒng)計(jì)訪問(wèn) 
[!--self.classid--]:本欄目/專(zhuān)題ID [!--bclass.id--]:父欄目ID               [!--bclass.name--]:父欄目名稱(chēng) 
[!--class.intro--]:欄目/專(zhuān)題簡(jiǎn)介  [!--class.keywords--]:欄目/專(zhuān)題關(guān)鍵字   [!--class.classimg--]:欄目/專(zhuān)題縮略圖 
[!--show.page--]:分頁(yè)導(dǎo)行(下拉式) [!--show.listpage--]:分頁(yè)導(dǎo)行(列表式)    [!--list.pageno--]:當(dāng)前分頁(yè)號(hào) 
[!--hotnews--]:熱門(mén)信息JS調(diào)用(默認(rèn)表)    [!--newnews--]:最新信息JS調(diào)用(默認(rèn)表) [!--goodnews--]:推薦信息JS調(diào)用(默認(rèn)表)
[!--self.hotnews--]:本欄目熱門(mén)信息JS調(diào)用 [!--self.newnews--]:本欄目最新信息JS調(diào)用 [!--self.goodnews--]:本欄目推薦信息JS調(diào)用
[!--hotplnews--]:評(píng)論熱門(mén)信息JS調(diào)用(默認(rèn)表)      [!--firstnews--]:頭條信息JS調(diào)用(默認(rèn)表)
[!--self.hotplnews--]:本欄目評(píng)論熱門(mén)信息JS調(diào)用   [!--self.firstnews--]:本欄目頭條信息JS調(diào)用   
支持公共模板變量                                 支持所有模板標(biāo)簽
</pre>

(2)、列表內(nèi)容模板(list.var)支持的變量
<pre style="border:1px solid #999; background:white;">
[!--id--]:信息ID        [!--titleurl--]:標(biāo)題鏈接            [!--oldtitle--]:標(biāo)題ALT(不截取字符) 
[!--classid--]:欄目ID   [!--class.name--]:欄目名稱(chēng)(帶鏈接)   [!--this.classname--]:欄目名稱(chēng)(不帶鏈接) 
[!--this.classlink--]:欄目地址    [!--news.url--]:網(wǎng)站地址(參數(shù)設(shè)置的站點(diǎn)地址)     [!--no.num--]:信息編號(hào) 
[!--userid--]:發(fā)布者ID     [!--username--]:發(fā)布者     [!--userfen--]:查看信息扣除點(diǎn)數(shù) 
[!--onclick--]:點(diǎn)擊數(shù)     [!--totaldown--]:下載數(shù)     [!--plnum--]:評(píng)論數(shù) 
[!--fava.url--]:加入收藏鏈接     [!--字段名--]:數(shù)據(jù)表字段內(nèi)容調(diào)用
</pre>
<div style="font-size:14px; font-weight:bold; border:1px solid darkslateblue; background:#f0f0f0; padding:0 5px; margin:20px 0 20px;">
列表模板制作范例
</div>

實(shí)現(xiàn)如下效果：
<div style="border:1px solid #999; width:707px; padding:3px;">
[[{{ns:image}}:listtemp4.gif]]</div>

1、<strong>制作列表模板：</strong>使用Dreamweaver制作列表模板
 
2. <strong>在制作好的界面加入模板標(biāo)簽及變量：</strong> 

頁(yè)面標(biāo)題變量：[!--pagetitle--]，調(diào)用位置如下圖所示；

分頁(yè)導(dǎo)行(下拉式)變量：[!--show.page--]，調(diào)用位置如下圖所示；

插入列表模板內(nèi)容變量：即欄目列表頁(yè)所有信息的顯示樣式變量，如“每行顯示1條信息”或者“每行顯示2條信息”等。

格式：列表頭[!--empirenews.listtemp--]列表內(nèi)容[!--empirenews.listtemp--]列表尾  
<div style="border:1px solid #999; width:701px; padding:3px;">
[[{{ns:image}}:listtemp5.gif]]</div>

3、<strong>制作列表內(nèi)容模板：</strong>即內(nèi)容變量<!--list.var1-->所顯示的內(nèi)容。代表每條信息的顯示樣式。
 
如“·PHP安裝問(wèn)題 (2008-01-10 13:48:17)”,

該樣式包括：標(biāo)題，發(fā)布時(shí)間，標(biāo)題鏈接三部分，分別對(duì)應(yīng)的變量標(biāo)簽為[!--title--]、[!--newstime--]、[!--titleurl--]，

則該信息樣式可寫(xiě)為：
<div style="border:1px solid #999; width:681px; padding:3px;">
[[{{ns:image}}:listtemp6.gif]]</div>

4、<strong>將制作好的列表模板代碼拷貝到系統(tǒng)后臺(tái)“列表模板”中：</strong>
 
單擊“模板管理”菜單 》列表模板-“管理列表模板”，選擇右側(cè)的默認(rèn)新聞列表模板，單擊“修改”： 
<div style="border:1px solid #999; width:973px; padding:3px;">
[[{{ns:image}}:listtemp7.gif]]</div><br>
<div style="border:1px solid #999; width:1007px; padding:3px;">
[[{{ns:image}}:listtemp8.gif]]</div>

5、最終列表模板的預(yù)覽效果
<div style="border:1px solid #999; width:707px; padding:3px;">
[[{{ns:image}}:listtemp9.gif]]</div>

6、附上面例子模板代碼：

① 列表頁(yè)面模板代碼
<pre style="border:1px solid #999; background:#f0f0f0;">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>[!--pagetitle--]</title>
<style>
td {font-size: 10pt;}
.line{line-height: 14pt;font-size: 10pt;}
A:link {text-decoration: none; color:#000000}
A:visited {text-decoration: none; color: #000000} 
A:active {text-decoration: underline; color: #000000 } 
A:hover {text-decoration: underline;        color: #FF0000;}
</style>
</head>

<body topmargin="0">
<table width="700" border="0" align="center" cellpadding="3" cellspacing="1" bgcolor="#CEEEFB">
  <tr>
    <td height="60"> 
      <div align="center"><font size="6">我的個(gè)人技術(shù)站點(diǎn)</font></div></td>
  </tr>
  <tr>
    <td height="25" bgcolor="#FFFFFF"> 
      <div align="center"><a href="/">網(wǎng)站首頁(yè)</a> | <a href="/php">PHP技術(shù)</a> | <a href="/asp">ASP技術(shù)</a> 
        | <a href="/jsp">JSP技術(shù)</a> | <a href="/net">.NET技術(shù)</a></div></td>
  </tr>
</table>
<table width="700" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr> 
    <td width="50%" height="25">當(dāng)前位置：[!--newsnav--]</td>
  </tr>
</table>
<table width="700" border="0" align="center" cellpadding="3" cellspacing="1" bgcolor="#CEEEFB">
  <tr> 
    <td height="23"><a href="/php"><strong>[!--pagetitle--]</strong></a></td>
  </tr>
  <tr> 
    <td bgcolor="#FFFFFF"><br>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
        [!--empirenews.listtemp--] 
        <tr> 
          <td height="23"> 
            <!--list.var1-->
          </td>
        </tr>
        [!--empirenews.listtemp--] 
</table>     
    </td>
  </tr>
  <tr>
    <td height="23" bgcolor="#FFFFFF">[!--show.page--]</td>
  </tr>
</table>
<br>
<table width="700" border="0" align="center" cellpadding="3" cellspacing="1" bgcolor="#CEEEFB">
  <tr>
    <td height="23">
<div align="center">Powered by <a >EmpireCMS</a> &copy; 
        2008-09 Phome.net Corporation<br>
      </div></td>
  </tr>
</table>
</body>
</html>
</pre>

② 列表內(nèi)容模板(list.var)
 <pre style="border:1px solid #999; background:#f0f0f0;">·<a href="[!--titleurl--]" target="_blank">[!--title--]</a> (<font color="#666666">[!--newstime--]</font>)</pre>

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