列表页模板开发

列表形式的页面的开发，例如：文章列表、图片列表等等。

1. 标题 {$cates.cate_name}_{$config.webname} 或者：{$cates.title}

2. 关键字 {$cates.keywords}栏目设置的seo关键字

3. 描述 {$cates.des}栏目设置的seo 描述

			<html xmlns="http://www.w3.org/1999/xhtml">	
			<head> 
			<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
			<title>{$cates.cate_name}_{$config.webname}</title>
			<meta name="keywords" content="{$cates.keywords}">
			<meta name="description" content="{$cates.des}" />
			</head>

当前栏目（本身）的信息

1. 栏目名称：{$cates.cate_name}

2. 栏目别名：{$cates.cate_fname}

3. 栏目英文名称：{$cates.cate_enname }

4. 当前栏目所在顶级栏目的名称：{$topcate.cate_name}

5. 当前栏目所在顶级栏目的英文：{$topcate.cate_enname }

6. 栏目摘要：{$cates.cate_ms}

7. 栏目小图：{$cates.smallimg}

8. 栏目大图：{$cates.bigimg} 注：如果是栏目导航下方展示的主题大图片，建议：

我们希望每个栏目都可以添加一张主题图片，用以上代码。可以做到小类自动继承大类图片，如果单独上传，则显示自己的。还有就是可以显示系统设置那里的默认大图！

9. 栏目内容：{$cates.content} 例如：公司简介

						{if condition="$cates.content neq ''"}
						{:htmlspecialchars_decode($cates['content'])}
						{else /} 
							
						{/if}

如果内容不存在则显示一张图片，显示资料正在添加中....

子栏目调用

调用该栏目下的子栏目，二级栏目，可以高亮显示！

		  <ul>
		    {volist name="scate" id="son"}
		<li><a href='{$son.cate_attr|makeurl=###,$son.id}' {if condition="$son['id'] eq $cid"} class='hover' {/if}>{$son.cate_name}</a></li>
		    {/volist}
		   </ul>

代码解释： class='hover' 表示高亮显示

调用该栏目下的子栏目，二级及三级栏目，可以高亮显示！

		 <ul>
		 	{volist name="scate" id="son"}
		 <li {if condition="$son['id'] eq $cid"} class='current' {/if}><a href='{$son.cate_attr|makeurl=###,$son.id}'>{$son.cate_name}</a><i></i>
		 {if condition="$son['children']"}
		 <ul>
		 	{volist name="$son['children']" id="vo"}
		 	<li><a href="{$vo.cate_attr|makeurl=###,$vo.id}">{$vo.cate_name}</a></li>
		 	{/volist}
		 </ul>
		 {/if}
		 </li>
		 {/volist}
		 </ul>

代码解释： class='current' 表示高亮显示

日期格式显示

1. 完整样式 2019-12-11 15:49:13：{$v.time|date="Y-m-d H:i:s"}

2. 年：{$v.time|date="Y"}输出：2019

3. {$v.time|date="y"} 输出： 19

4.月：{$v.time|date="m"} 输出：01

5. {$v.time|date="M"} 输出：英文的月

6. 日：{$v.time|date="d"}

7. 月-日{$v.time|date="m-d"}

8. 年-月-日{$v.time|date="Y-m-d"}

当前位置（面包屑导航）

				主页 > 
				{volist name="pos" id="cate"}
				$cate['id']))}{/if}
				    {if condition="$cate['cate_attr'] eq 2"}{:url('index/Page/index',array('cid'=>$cate['id']))}{/if}
				    {if condition="$cate['cate_attr'] eq 3"}{$cate.linkurl}{/if}
				    ">{$cate.cate_name} {if condition="$i neq count($pos)"} > {/if}
				{/volist}

> 表示分隔符，可自行替换

栏目下文章的调用

				
					{qdcms:list  pagesize='5'   order='time desc'}
				  
				    
				      {$v.title|subtext=20}
				      时间：{$v.time|date="Y-m-d H:i:s"}浏览量：{$v.click}
				      
						 {if condition="$v.description neq ''"}
						 {$v.description|subtext=9}...
						 	{else /} 
							{:htmlspecialchars_decode(subtext($v['content'],90))}
					{/if}
						  
				    
				    
						{if condition="$v.litpic neq ''"}
						
						{else /} 
							
							{/if}
						
				    
					
					{/qdcms:list}

代码解释： 以上是一个完整的文章调用的案例！
开始标签：{qdcms:list pagesize='6' order='sort asc'}
结束标签：{/qdcms:list} pagesize 表示每页显示多少条。
标题：{$v.title} 若要截取字数 {$v.title | subtext=30}
链接：{:url('index/Article/index',array('aid'=>$v['id']))}
标题：{$v.subtitle} 若要截取字数 {$v.title | subtext=30}
作者：{$v.writer}
来源：{$v.source}
发布时间：{$v.time}
点击数：{$v.click} 注：这里的点击数可以后台设置，除此点击数认为：0 是按照IP访问真实增加，并且每天同一个IP访问只算一次。隔天重新计算！
文章属性：{$v.attr}
文章摘要：{$v.description|subtext=9} 截取9个字，若不存在显示文章的内容。
缩率图：{$v.litpic} ，若不存在显示默认的图片
order :排序 (表示排序如下)
1、按照后台指定排序
order='sort desc' 从大到小
order='sort asc' 从小到大
2、按照后台文档ID排序
order='id desc' 从大到小
order='id asc' 从小到大
3、按照后台文档浏览次数排序
order='click desc' 从大到小
order='click asc' 从小到大
4、按照发布时间
order='time desc' 从大到小
order='time asc' 从小到大
5、随机排序
order='rand()'

在文章列表中，有时在每一篇文章的下面可能出现关键字。这里的关键字是后台添加的。用英文的,隔开。所以调用的是：

					 <?php
					$arr=explode(',',$v['keywords']);
					foreach($arr as  $k1=>$v1){
					echo " <a href='/searchs.html?keywords=$v1 '>$v1 </a>";
					}
					?>

有时在列表页出现几篇置顶的文章，这是就要用到文章属性例如：
{qdcms:list pagesize='6' attr='推荐' order='sort asc'}
{qdcms:list pagesize='6' noattr='推荐' order='sort asc'}

分页代码： {$list|raw}

基础说明

全局调用

首页开发

列表页开发

详情页开发

加入我们

列表页模板开发

{$v.title|subtext=20}