帝國CMS列表模板設置教程


列表模板制作格式
列表頭
[!--empirenews.listtemp--]
列表內容
[!--empirenews.listtemp--]
列表尾

說明:第一個[!--empirenews.listtemp--]表示循環開始、第二個[!--empirenews.listtemp--]表示循環結束。



管理列表模板
1、登錄后台,單擊“模板”菜單,選擇“管理列表模板”子菜單,進入管理列表模板界面:
帝國CMS列表模板如何設置 第2張
2、進入管理列表模板界面:
帝國CMS列表模板如何設置 第3張
3、點擊默認新聞列表模板的“修改”進入修改列表模板界面:
帝國CMS列表模板如何設置 第4張 

模板名 填寫模板名稱。
所屬系統模型 指這個列表模板用於的系統模型
所屬分類 方便統一按分類管理。
簡介截取字數 針對字段設置為簡介字段的內容截取設置,0為不截取
標題截取字數 可設置截取標題的前多少字,0為不截取
每次顯示 是指每次循環記錄數。一般不用設置,默認自動識別。
時間顯示格式 設置newstime發布時間字段的時間格式,如“Y-m-d”就是顯示“2008-08-08”
頁面模板內容 整體頁面的列表模板代碼。
列表內容模板(list.var) 列表內容模板代碼,即"頁面模板內容"中"<!--list.var*-->"變量顯示的內容格式。
  使用程序代碼:聲明list.var模板要使用程序代碼,使用方法可點擊這里
(如果啟用支持程序代碼,則list.var的模板內容都要用php代碼表示,不能用html表示。且要將最終模板內容賦給$listtemp變量)
4、列表模板支持的變量:
(1)、頁面模板內容支持的變量
[!--pagetitle--]:頁面標題 [!--pagekey--]:頁面關鍵字 [!--pagedes--]:頁面描述
[!--newsnav--]:導航條 [!--class.menu--]:一級欄目導航 [!--page.stats--]:統計訪問
[!--class.name--]:欄目名 [!--self.classid--]:本欄目/專題ID [!--bclass.id--]:父欄目ID
[!--bclass.name--]:父欄目名稱 [!--class.intro--]:欄目/專題簡介 [!--class.keywords--]:欄目/專題關鍵字
[!--class.classimg--]:欄目/專題縮略圖 [!--show.page--]:分頁導航(下拉式) [!--show.listpage--]:分頁導航(列表式)
[!--list.pageno--]:當前分頁號    
[!--hotnews--]:熱門信息JS調用(默認表)
[!--self.hotnews--]:本欄目熱門信息JS調用
[!--newnews--]:最新信息JS調用(默認表)
[!--self.newnews--]:本欄目最新信息JS調用
[!--goodnews--]:推薦信息JS調用(默認表)
[!--self.goodnews--]:本欄目推薦信息JS調用
[!--hotplnews--]:評論熱門信息JS調用(默認表)
[!--self.hotplnews--]:本欄目評論熱門信息JS調用
[!--firstnews--]:頭條信息JS調用(默認表)
[!--self.firstnews--]:本欄目頭條信息JS調用
 
支持公共模板變量 支持所有模板標簽 支持PHP代碼

(2)、列表內容模板(list.var)支持的變量
[!--id--]:信息ID [!--titleurl--]:標題鏈接 [!--oldtitle--]:標題ALT(不截取字符)
[!--classid--]:欄目ID [!--class.name--]:欄目名稱(帶鏈接) [!--this.classname--]:欄目名稱(不帶鏈接)
[!--this.classlink--]:欄目地址 [!--news.url--]:網站地址(參數設置的站點地址) [!--no.num--]:信息編號
[!--userid--]:發布者ID [!--username--]:發布者 [!--userfen--]:查看信息扣除點數
[!--onclick--]:點擊數 [!--totaldown--]:下載數 [!--plnum--]:評論數
[!--ttid--]:標題分類ID [!--tt.name--]:標題分類名稱  
[!--字段名--]:數據表字段內容調用    



列表模板制作范例
實現如下效果:
帝國CMS列表模板如何設置 第5張
1、制作列表模板:使用Dreamweaver制作列表模板
帝國CMS列表模板如何設置 第6張
2. 在制作好的界面加入模板標簽及變量:
頁面標題變量:[!--pagetitle--],調用位置如下圖①③所示;
導航條變量[!--newsnav--]:調用位置如下圖②所示。
分頁導行(下拉式)變量:[!--show.page--],調用位置如下圖⑤所示;
插入列表模板內容變量:即列表頁所有信息的顯示樣式變量,如“<!--list.var1-->(每行顯示1條信息)”、“<!--list.var2-->(每行顯示2條信息)”等,調用位置如下圖④所示。
格式:列表頭[!--empirenews.listtemp--]列表內容[!--empirenews.listtemp--]列表尾
圖1:設計視圖
帝國CMS列表模板如何設置 第7張

圖2: 代碼模式
帝國CMS列表模板如何設置 第8張
3、制作列表內容模板:即內容變量<!--list.var1-->所顯示的內容。代表每條信息的顯示樣式。
如“·台"金援外交"丑聞涉案人遭到恐嚇 警方加強保護 (2008-05-04)”,
該樣式包括:標題,發布時間,標題鏈接三部分,分別對應的變量標簽為[!--title--]、[!--newstime--]、[!--titleurl--],
則該信息樣式可寫為:(Dreamweaver可視化制作)
圖1:設計視圖
帝國CMS列表模板如何設置 第9張 

圖2: 代碼模式
帝國CMS列表模板如何設置 第10張
4、將制作好的列表模板代碼拷貝到系統后台“列表模板”中:
(1)、單擊“模板”菜單 》列表模板-“管理列表模板”,選擇右側的默認新聞列表模板,單擊“修改”:
帝國CMS列表模板如何設置 第11張
(2)、進入修改默認新聞列表模板界面,將制作好的列表模板代碼拷貝進去:
帝國CMS列表模板如何設置 第12張
5、修改模板后,刷新欄目頁面,最終列表模板的預覽效果:
帝國CMS列表模板如何設置 第13張
5、附上面例子模板代碼:
列表頁面模板代碼

<!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-height: 14pt;}
.line{font-size: 10pt;line-height: 14pt;}
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="4"><strong>帝國CMS測試站點</strong></font></div></td>

</tr>
<tr>
<td height="25" bgcolor="#FFFFFF">
<div align="center"><a href="/">網站首頁</a> | <a href="/news/china/">國內新聞</a>
| <a href="/news/world/">國際新聞</a> | <a href="/news/ent/">娛樂新聞</a> | <a href="/news/sports/">體育新聞</a></div></td>

</tr>
</table>
<table width="700" border="0" align="center" cellpadding="0" cellspacing="0">

<tr>
<td width="50%" height="25">當前位置:[!--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 href="http://www.phome.net">EmpireCMS</a> &copy;
2002-2011 Phome.net Corporation<br>

</div></td>
</tr>
</table>
</body>
</html>

列表內容模板(list.var)  ·<a href="[!--titleurl--]" target="_blank">[!--title--]</a> (<font color="#666666">[!--newstime--]</font>)

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM