欢迎来访实搜网站库!

蓝色 学校 微商 大气 企业

帝国CMS模板制作教程:列表模板图文详解

时间:2015-07-23 14:57
列表模板是指信息列表页面使用的模板。(制作方法基本同标签模板) 列表模板制作格式 列表头 列表内容 列表尾 说明:第一个表示循环开始、第二个表示循环结束。

列表模板是指信息列表页面使用的模板。(制作方法基本同标签模板)
列表模板制作格式

列表头
[!--empirenews.listtemp--]
列表内容
[!--empirenews.listtemp--]
列表尾

说明:第一个[!--empirenews.listtemp--]表示循环开始、第二个[!--empirenews.listtemp--]表示循环结束。



管理列表模板

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

帝国CMS模板制作教程:列表模板图文详解

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

帝国CMS模板制作教程:列表模板图文详解

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

帝国CMS模板制作教程:列表模板图文详解



模板名 填写模板名称。

所属系统模型 指这个列表模板用于的系统模型

所属分类 方便统一按分类管理。

简介截取字数 针对字段设置为简介字段的内容截取设置,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模板制作教程:列表模板图文详解

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

帝国CMS模板制作教程:列表模板图文详解

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

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

图1:设计视图

帝国CMS模板制作教程:列表模板图文详解



图2: 代码模式

帝国CMS模板制作教程:列表模板图文详解

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

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

图1:设计视图


图2: 代码模式

帝国CMS模板制作教程:列表模板图文详解

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

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

帝国CMS模板制作教程:列表模板图文详解

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

帝国CMS模板制作教程:列表模板图文详解

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

帝国CMS模板制作教程:列表模板图文详解

5、附上面例子模板代码:

列表页面模板代码

列表内容模板(list.var)