帝国cms列表模板制作教程

帝国模板之家 2020-07-15 帝国cms教程 ℃ 评论

列表模板是指信息列表页面使用的模板（制作方法基本同标签模板）。本文将从列表模板制作格式,管理列表模板,列表模板制作范例,以及列表的其他说明，四个方面来讲解。希望对您使用帝国cms模板制作有所帮助。

列表模板制作格式

列表头
[!--empirenews.listtemp--]
列表内容
[!--empirenews.listtemp--]
列表尾
说明：第一个[!--empirenews.listtemp--]表示循环开始、第二个[!--empirenews.listtemp--]表示循环结束。

管理列表模板

1、登录后台，单击“模板”菜单，选择“管理列表模板”子菜单，进入管理列表模板界面：

登录后台，单击“模板”菜单，选择“管理列表模板”子菜单，进入管理列表模板界面

2、进入管理列表模板界面：

进入管理列表模板界面

3、点击默认新闻列表模板的“修改”进入修改列表模板界面：

模板名	填写模板名称。
所属系统模型	指这个列表模板用于的系统模型
所属分类	方便统一按分类管理。
简介截取字数	针对字段设置为简介字段的内容截取设置，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--]：标题分类名称
[!--字段名--]:数据表字段内容调用

列表模板制作范例

1、制作列表模板：使用Dreamweaver制作列表模板

制作列表模板：使用Dreamweaver制作列表模板

2. 在制作好的界面加入模板标签及变量：

页面标题变量：[!--pagetitle--]，调用位置如下图①③所示；
导航条变量[!--newsnav--]：调用位置如下图②所示。
分页导行(下拉式)变量：[!--show.page--]，调用位置如下图⑤所示；
插入列表模板内容变量：即列表页所有信息的显示样式变量，如“(每行显示1条信息)”、“(每行显示2条信息)”等，调用位置如下图④所示。
格式：列表头[!--empirenews.listtemp--]列表内容[!--empirenews.listtemp--]列表尾
图1：设计视图

在制作好的界面加入模板标签及变量

图2：代码模式

代码模式

3、制作列表内容模板：即内容变量所显示的内容。代表每条信息的显示样式。

如“·台"金援外交"丑闻涉案人遭到恐吓警方加强保护 (2008-05-04)”,
该样式包括：标题，发布时间，标题链接三部分，分别对应的变量标签为[!--title--]、[!--newstime--]、[!--titleurl--]，
则该信息样式可写为：(Dreamweaver可视化制作)
图1：设计视图

制作列表内容模板：即内容变量所显示的内容。代表每条信息的显示样式。

图2：代码模式

代码模式

4、将制作好的列表模板代码拷贝到系统后台“列表模板”中：

(1)、单击“模板”菜单》列表模板-“管理列表模板”，选择右侧的默认新闻列表模板，单击“修改”：

(2)、进入修改默认新闻列表模板界面，将制作好的列表模板代码拷贝进去：

5、修改模板后，刷新栏目页面，最终列表模板的预览效果：

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

列表页面模板代码

<!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="https://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>)

至此列表模板美工手册介绍完毕！

本文标签：

转载请注明来源：帝国cms列表模板制作教程

本文永久链接地址：https://www.moyouyouw.cn/code/19.html

郑重声明：本站所有主题/文章除标明原创外，均来自网络转载，版权归原作者所有，如果有侵犯到您的权益，请联系本站删除，谢谢！我们不承担任何技术及版权问题，且不对任何资源负法律责任。

不要总是怀疑别人，真诚地接受别人的意见，其实是聪明人的选择。

--查看详细--

ECMS182-试管婴儿医院医疗类帝国cms模板（独立手机端）

售价： 400 10 ℃ 0 评论
--查看详细--

ECMS181-蓝色眼科医院类帝国cms模板（独立手机端）

售价： 300 24 ℃ 0 评论
--查看详细--

ECMS180-绿色祛斑祛痘美容护肤类帝国cms模板（独立手机端）

售价： 300 10 ℃ 0 评论

帝国cms教程

帝国cms列表模板制作教程

列表模板制作格式

管理列表模板

列表模板制作范例

ECMS182-试管婴儿医院医疗类帝国cms模板（独立手机端）

ECMS181-蓝色眼科医院类帝国cms模板（独立手机端）

ECMS180-绿色祛斑祛痘美容护肤类帝国cms模板（独立手机端）

已有位小伙伴发表了看法

欢迎你发表评论

关于

帝国cms模板

网页插件

帝国模板之家 | www.moyouyouw.cn

帝国cms教程

帝国cms列表模板制作教程

列表模板制作格式

管理列表模板

列表模板制作范例

ECMS182-试管婴儿医院医疗类帝国cms模板（独立手机端）

ECMS181-蓝色眼科医院类帝国cms模板（独立手机端）

ECMS180-绿色祛斑祛痘美容护肤类帝国cms模板（独立手机端）

我猜你还喜欢这些...

已有 位小伙伴发表了看法

欢迎 你 发表评论

关于

帝国cms模板

网页插件

帝国模板之家 | www.moyouyouw.cn

已有位小伙伴发表了看法

欢迎你发表评论