五、动态标签实例修改示例

　　下面我们以五个修改实例，进一步讲解动态标签的更多效果。

　　修改一：倒序排列

　　在网站后台“系统设置”－>“网站自定义标签管理”，在“动态标签”中，修改您添加的动态标签。在“查询语句”中增加“ where Deleted={$PE_False} and Status=3 order by ArticleID desc”，即增加条件约束段（显示所有终审的非删除的文章）和排序段（按ID倒序排列）。完整查询语句如下：
select top 8 ArticleID,ChannelID,ClassID,Title,Author,CopyFrom,Hits,UpdateTime from PE_Article where Deleted={$PE_False} and Status=3 order by ArticleID desc

　　修改完毕后单击页面底部“保存修改结果”按钮保存修改。单击页面顶部“更新缓存”链接更新网站缓存。前台浏览效果：

　　注意：上图中有三个文章没有显示出标题，因为这三个文章在本频道中是不属于任何栏目的文章。如果您有这样的情况，请在添加动态标签（第二步）界面中，将“标签内容”中的“循环内容”<li></li>之间，点击“字段列表”中的ActicleID改成点击Title字段即可。

　　修改二：更改标题文字长度

　　网站后台“系统设置”－>“网站自定义标签管理”，在“动态标签”中，修改您添加的动态标签。在“标签内容”中。将“{Loop}{Infobegin}<li>{$Field(0,GetUrl,Article,3)}</li>{Infoend}{/Loop}”中的“{$Field(0,GetUrl,Article,3)}”改成“<a href=""></a>”（即代码为{Loop}{Infobegin}<li><a href=""></a></li>{Infoend}{/Loop}）。
　　将鼠标点击放入<a href=""></a>的“><”间，点击“字段列表”中的“title”，按图片所示进行设置后点击“插入”按钮。其中：“输出长度”设置为20显示10个汉字，截断处理选择“显示”则显示……：

　　将鼠标点击放入<a href="">的“""”间，点击“字段列表”中的“acticleid”，按图片所示进行设置后点击“插入”按钮。其中：“输出方式”设置为路径：

　　设置完成后“标签内容”中的代码为：“{Loop}{Infobegin}<li><a href="{$Field(0,GetUrl,Article,1)}">{$Field(3,Text,20,0,0)}</a></li>{Infoend}{/Loop}”。

　　修改完毕后单击页面底部“保存修改结果”按钮保存修改。单击页面顶部“更新缓存”链接更新网站缓存。这时，即可显示字数为20个、标题按倒序列的文章列表效果了。前台浏览效果：

　　修改四：显示更多信息内容

　　网站后台“系统设置”－>“网站自定义标签管理”，在“动态标签”中，修改您添加的动态标签。在“标签内容”中。
　　将“标签内容”中的代码：“{Loop}{Infobegin}<li><a href="{$Field(0,GetUrl,Article,1)}">{$Field(3,Text,20,0,0)}</a></li>{Infoend}{/Loop}”中加入您想要显示频道、栏目等样式，如:频道、栏目放在“[]”中{Loop}{Infobegin}<li><a href="{$Field(0,GetUrl,Article,1)}">[][]{$Field(3,Text,20,0,0)}</a>()-</li>{Infoend}{/Loop}。
　　然后将鼠标点击放入所要插入相应内容的位置，按图片所示进行设置后点击“插入”按钮：

插入频道名

插入栏目名

插入作者名

插入时间

　　修改后完整查询语句如下：{Loop}{Infobegin}<li><a href="{$Field(0,GetUrl,Article,1)}">[{$Field(1,GetChannel,2)}][{$Field(2,GetClass,3)}]{$Field(3,Text,20,0,0)}</a>({$Field(4,Text,8,0,1)})-{$Field(7,Text,0,1,0)}</li>{Infoend}{/Loop}。修改完毕后单击页面底部“保存修改结果”按钮保存修改。单击页面顶部“更新缓存”链接更新网站缓存。前台浏览效果：

　　至此，能显示出我们想要的效果了。不过位置不够比较挤，您可以进一步调整每个参数的值以达到您想要的要求。

　　修改五：设置间隔背景效果

　　网站后台“系统设置”－>“网站自定义标签管理”，在“动态标签”中，修改您添加的动态标签。在“标签内容”中。
　　为了演示方便，“标签内容”中的代码：
　　{Loop}{Infobegin}<li><a href="{$Field(0,GetUrl,Article,1)}">[{$Field(1,GetChannel,2)}][{$Field(2,GetClass,3)}]{$Field(3,Text,20,0,0)}</a>({$Field(4,Text,8,0,1)})-{$Field(7,Text,0,1,0)}</li>{Infoend}{/Loop}
　　将代码删除一些，恢复到修改二说明中的代码（只保留文章名），这样看得更清楚些：
　　{Loop}{Infobegin}<li><a href="{$Field(0,GetUrl,Article,1)}">{$Field(3,Text,20,0,0)}</a></li>{Infoend}{/Loop}
　　下面我们略加改动，加上内循环标签即可做出间隔背景的显示效果：
　　{Loop}{Infobegin}<li style="background:#E0EEF5;"><a href="{$Field(0,GetUrl,Article,1)}">{$Field(3,Text,20,0,0)}</a></li>{Infoend}{Infobegin}<li style="background:#E0BDF5;"><a href="{$Field(0,GetUrl,Article,1)}">{$Field(3,Text,20,0,0)}</a></li>{Infoend}{/Loop}
　　为方便查阅，我们先排列清楚一些：
{Loop}
{Infobegin}
<li style="background:#E0EEF5;"><a href="{$Field(0,GetUrl,Article,1)}">{$Field(3,Text,20,0,0)}</a></li>
{Infoend}
{Infobegin}
<li style="background:#E0BDF5;"><a href="{$Field(0,GetUrl,Article,1)}">{$Field(3,Text,20,0,0)}</a></li>
{Infoend}
{/Loop}
　　以上的代码中，我们新加了一对{Infobegin}{Infoend}，同时给<li>加上了背景样式定义。修改完毕后单击页面底部“保存修改结果”按钮保存修改。单击页面顶部“更新缓存”链接更新网站缓存。前台浏览效果：

　　至此，您已经学会如何利用动态标签去实现您想要显示调用的内容了。关于动态标签的更多知识和运用，您继续关注“动易起航”的UC在线免费培训吧～～

上一页  [1] [2] [3] [4]