帝国模板之家为广大用户提供专业、一站式建站服务。

帝国cms教程

帝国cms教程栏目，提供精品建站，仿站，二次开发，安装，标签使用等图文教程，帮助建设和管理好你的帝国cms站点。

当前位置：首页 > 教程 > 帝国cms教程 > 正文

帝国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制作列表模板

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

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

图2： 代码模式

3、制作列表内容模板：即内容变量<!--list.var1-->所显示的内容。代表每条信息的显示样式。

如“·台"金援外交"丑闻涉案人遭到恐吓 警方加强保护 (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

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

赞 ()
这世上无忧无虑的人，反而相对寿命会长点。

我猜你还喜欢这些...

已有 位小伙伴发表了看法

欢迎 你 发表评论

  • 匿名发表
栏目分类
标签云
企业 后台 响应式 bootstrap 蓝色 营销型 织梦模板 绿色 红色 高端 黑色 html 机械设备 黄色 资讯 企业模板 机械 教育 个性 灰色 设备 门户 美食 培训 文章 电子 农业 家具 科技 家居 餐饮加盟 企业通用 机械制造 棕色 医疗 建材 摄影 网络科技 橙色 服装 美容 美容院 装修 汽车 机械电子 茶叶 美容整形 医院 工业设备 大气

关于

帝国cms模板

网页插件

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

本站所有模板/文章除标明原创外，均来自网络转载，版权归原作者所有，如果有侵犯到您的权益，请联系站长删除，谢谢！ 寻找帝国cms模板首选帝国模板之家，用心做站，上线至今广受好评，值得信赖！

  • 交流群1：帝国cms交流群1
  • 交流群2：帝国cms交流群2
在线QQ 给我留言