YulinCMS ContList标签调用示例:修订间差异
Spider.flynn(讨论 | 贡献) |
Spider.flynn(讨论 | 贡献) |
||
(未显示同一用户的3个中间版本) | |||
第70行: | 第70行: | ||
<tr> | <tr> | ||
<td> | <td> | ||
<img src="{$$SkinPath}/Images/dot.gif" border="0" align="absmiddle"/> <a href="{@ContPath/}" title="{@FullTitle/}" target="_blank">{@Title/}</a> | <img src="{$$SkinPath}/Images/dot.gif" border="0" align="absmiddle"/> <a href="{@ContPath/}" title="{@FullTitle/}" target="_blank"> | ||
{@Title/}</a> | |||
</td> | </td> | ||
<td width="80" > | <td width="80" > | ||
第92行: | 第93行: | ||
标签属性TitleLen 指定标题显示长度,超过则截去,并且用TitleAddStr的值来替代。 不指定该属性 则显示完整标题。 | 标签属性TitleLen 指定标题显示长度,超过则截去,并且用TitleAddStr的值来替代。 不指定该属性 则显示完整标题。 | ||
在底层模板中也可以使用公共变量 ,例如上面例子中 {$$SkinPath/} 用来获取当前模版风格的皮肤存放路径。 | 在底层模板中也可以使用公共变量 ,例如上面例子中 {$$SkinPath/} 用来获取当前模版风格的皮肤存放路径。 | ||
==多列显示文档列表== | ==多列显示文档列表== | ||
第217行: | 第218行: | ||
<tr><td><a href="{@ContPath/}" target="_blank"><img src="{@SPicPath_2/}" border="0" alt="{@FullTitle/}"/></a></td> | <tr><td><a href="{@ContPath/}" target="_blank"><img src="{@SPicPath_2/}" border="0" alt="{@FullTitle/}"/></a></td> | ||
<td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td> | <td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td> | ||
<a href="{@ContPath/}" target="_blank" title="{@FullTitle/}"/><span style="text-decoration:underline;font-weight:bold">{@Title/}</span></a></td></tr> <tr><td>{@Depict/}<a href="{@ContPath/}" target="_blank"><span style="text-decoration:underline">全文>></span></a> </td></tr></table></td></tr></table> | <a href="{@ContPath/}" target="_blank" title="{@FullTitle/}"/><span style="text-decoration:underline;font-weight:bold">{@Title/} | ||
</span></a></td></tr> <tr><td>{@Depict/}<a href="{@ContPath/}" target="_blank"><span style="text-decoration:underline">全文>> | |||
</span></a> </td></tr></table></td></tr></table> | |||
</td></tr> | </td></tr> | ||
{/Yu:ContList} | {/Yu:ContList} | ||
第239行: | 第242行: | ||
<tr><td> | <tr><td> | ||
<table width="100%" cellpadding="3" cellspacing="0" style="background-color:#6386C6;color:#fff;font-weight:bold;"> | <table width="100%" cellpadding="3" cellspacing="0" style="background-color:#6386C6;color:#fff;font-weight:bold;"> | ||
<tr><td>{@Title/}</td><td align="right"><a href="{@CatePath/}" target="_blank"><span style="text-decoration:none; color:#fff;">更多 >></a></span></td></tr></table> | <tr><td>{@Title/}</td><td align="right"><a href="{@CatePath/}" target="_blank"> | ||
<span style="text-decoration:none; color:#fff;">更多 >></a></span></td></tr></table> | |||
</td></tr> | </td></tr> | ||
<tr><td> | <tr><td> | ||
<table width="100%" cellpadding="1" cellspacing="0"> | <table width="100%" cellpadding="1" cellspacing="0"> | ||
{Yu:ContList Count="6" Cate="Id" TitleLen="32" TitleAddStr="..."}<tr> | {Yu:ContList Count="6" Cate="Id" TitleLen="32" TitleAddStr="..."}<tr> | ||
<td width="10"> · </td><td><a href="{@ContPath/}" title="{@FullTitle/}" target="_blank">{@Title/}</a></td><td width="80" align="right"> | <td width="10"> · </td><td><a href="{@ContPath/}" title="{@FullTitle/}" target="_blank"> | ||
{@Title/}</a></td><td width="80" align="right"> | |||
<font color="#999999">{@AddTime F="FormatTime(yyyy-MM-dd)"/}</font></td></tr> | <font color="#999999">{@AddTime F="FormatTime(yyyy-MM-dd)"/}</font></td></tr> | ||
{/Yu:ContList}</table> | {/Yu:ContList}</table> | ||
第298行: | 第303行: | ||
<ul style="margin:0px;padding:0px;"> | <ul style="margin:0px;padding:0px;"> | ||
{Yu:ContList ListType="Category" Count="15"} | {Yu:ContList ListType="Category" Count="15"} | ||
<li><a href="{@ContPath/}" target="_blank">{@Title/}</a> <span style="color:#a2a2a2">{@AddTime F="FormatTime(yyyy年MM月dd日 HH:mm)"/}</span></li> | <li><a href="{@ContPath/}" target="_blank">{@Title/}</a> | ||
<span style="color:#a2a2a2">{@AddTime F="FormatTime(yyyy年MM月dd日 HH:mm)"/}</span></li> | |||
{/Yu:ContList} | {/Yu:ContList} | ||
</ul> | </ul> | ||
第343行: | 第349行: | ||
.pageBar .info {margin-bottom:10px;} | .pageBar .info {margin-bottom:10px;} | ||
.pageBar .info span.count {font-weight:bold; color:#F60; font-size:12px;padding:5px;} | .pageBar .info span.count {font-weight:bold; color:#F60; font-size:12px;padding:5px;} | ||
.pageBar .plist strong { display:block; float:left; color:#FFF; background:#F60; border:1px solid #C33; padding-left:8px; padding-right:8px; margin-right:3px;} | .pageBar .plist strong { display:block; float:left; color:#FFF; background:#F60; | ||
.pageBar .plist a{ display:block; float:left; color:#000; background:#FFF; border:1px solid #DDD; padding-left:8px; padding-right:8px; text-decoration:none; margin-right:3px; } | border:1px solid #C33; padding-left:8px; padding-right:8px; margin-right:3px;} | ||
.pageBar .plist a{ display:block; float:left; color:#000; background:#FFF; | |||
border:1px solid #DDD; padding-left:8px; padding-right:8px; text-decoration:none; margin-right:3px; } | |||
.pageBar .plist a:hover{ color:#F60;background:#EEE} | .pageBar .plist a:hover{ color:#F60;background:#EEE} | ||
</style> | </style> |
2010年6月6日 (日) 16:25的最新版本
导航: 上一页
ContList是最常用的模板标签,主要用于获取数据库中的文档(内容),并且以列表方式呈现。
下面给出的例子一步一步、由简到繁。
ContList 模板标签书写格式为如下:
{Yu:ContList 属性1="属性值1" 属性2="属性值2"} {NormalTemplate} 普通项模板+底层变量.......{/NormalTemplate} {AlterTemplate} 交替项模板+底层变量........{/AlterTemplate} SeparTemplate} 分隔符模板.................{/SeparTemplate} {ConditionTemplate} 条件输出模板...........{/ConditionTemplate} {/Yu:ContList}
简单的文档列表[ ]
{Yu:ContList Count="10" Sort="AddTime" Order="DESC"} <a href="{@ContPath/}" target="_blank">{@Title/}</a><br/> {/Yu:ContList}
- 标签解释
获取最新的10篇文档,显示带超链接的标题
- 其它说明
标签属性 Count="10" 表示取10篇文档。 Sort="AddTime" Order="DESC" 这个两个属性一起表示按时间降序排序。
变量 {@ContPath/} 表示文档路径,{@Title/} 是文档标题。
因为系统默认该标签属性 Count="10" Sort="AddTime" Order="DESC" 所以上面标签也可以简写成:
{Yu:ContList}<a href="{@ContPath/}">{@Title/}</a>
{/Yu:ContList}
带栏目标题文档列表[ ]
<table width="360" cellpadding="0" cellspacing="0"> {Yu:ContList Count="10" TitleLen="30" TitleAddStr="..."} <tr> <td> <span style="color:#999">[{@CateTitle/}]</span> <a href="{@ContPath/}" title="{@FullTitle/}" target="_blank">{@Title/}</a> </td> <td width="80" > <span style="color:#999">{@AddTime F="FormatTime(yyyy-MM-dd)"/}</span> </td> </tr> {/Yu:ContList} </table>
- 标签解释
获取最新10篇文档,显示带超链接的标题、所属栏目的标题、文档发布时间。如果标题长度超过30个字符宽,后面的部分将被截去用...替换。
- 其它说明
{@AddTime/} 是文档发布时间,默认情况下会以yyyy-MM-dd HH:mm:ss 形式显示。例如:2009-3-10 10:27:58 。
为了只显示日期部分,可以用时间格式化函数来处理,例如上面示例中的 {@AddTime F="FormatTime(yyyy-MM-dd)"/} 。
{@Title/} 和 {@FullTitle/} 都指的是文档标题。但是{@FullTitle/}不会被截去字符,显示的是完整的标题,通常用作鼠标提示完整标题。
按阅读排序的文档列表[ ]
<table width="350" cellpadding="0" cellspacing="0"> {Yu:ContList Cate="46" Count="10" Sort="ClickTotal" Order="DESC" LastDay="60" TitleLen="30" TitleAddStr="..."} <tr> <td> <img src="{$$SkinPath}/Images/dot.gif" border="0" align="absmiddle"/> <a href="{@ContPath/}" title="{@FullTitle/}" target="_blank"> {@Title/}</a> </td> <td width="80" > <span style="color:#999">阅读:{@ClickTotal/}</span> </td> </tr> {/Yu:ContList} </table>
- 标签解释
获取编号为46的栏目下、最近60天以来浏览最多的10篇文档,显示标题、文档阅读次数。如果标题长度超过30个字符宽,后面的部分将被截去用...替换。
- 其它说明
标签属性 Sort="ClickTotal" Order="DESC" 一起表示阅读次数降序排序。
同理也可以将标签属性Sort改为 Sort="CommTotal" 则可以按评论数降序排序。
标签属性TitleLen 指定标题显示长度,超过则截去,并且用TitleAddStr的值来替代。 不指定该属性 则显示完整标题。
在底层模板中也可以使用公共变量 ,例如上面例子中 {$$SkinPath/} 用来获取当前模版风格的皮肤存放路径。
多列显示文档列表[ ]
{Yu:ContList Cate="46" Count="10" Cols="2" TableStyle="cellpadding=\"0\" cellspacing=\"0\" width=\"600\" " tdStyle=" align=\"center\" "} <a href="{@ContPath/}">{@Title/}</a> {/Yu:ContList}
- 标签解释
获取编号为46的栏目下最近的10篇文档,按照2列显示带超链接的标题
- 其它说明
该标签属性Cols 是关键,指定多少就按多少列显示内容。系统是用HTML的
元素来呈现的多列效果的。
tableStyle、trStyle、tdStyle 这三个标签属性都是配合Cols显示的。 tableStyle可用来指定HTML元素的样式,trStyle用来指定HTML元素的样式,tdStyle用来指定HTML元素
|