HBCMS模板教程第二十讲：列表页模板文章列表代码

大家好，忙了两天家里的活计，今天重新开始我们的教程。今天主要讲列表页的文章列表代码。

首先，我们看HBCMS的列表代码，如图：

最外围的foreach循环，就是循环出列表页的文章列表，文章的排序首先以推荐度，然后按ID倒序排列。

再往下，就是文章标题和文章的上级栏目名称和链接，包括文章的图片和发表日期、点击数等等，这些视情况添加。

我们把DEDECMS的列表页文章列表循环开始代码{dede:list pagesize='15'}替换为<{foreach name=main_article_data item=item_info from=$data_ary.main_article.data}>，将结束代码{/dede:list}替换为<{/foreach}>。将文章上级栏目代码[field:typelink function='str_replace("a ","a class=ulink ",@me)'/]替换为

<{if $item_info.type_id != $data_ary.type_info.id}>

[< A class=ulink HREF="<{$web.type[$item_info.type_id].url}>"><{$web.type[$item_info.type_id].title|strip_tags:true}>< /A>]

<{/if}>

紧接着是文章的链接代码了，将DEDECMS模板的文章链接代码[field:arcurl/]替换为<{$item_info.url}>，将标题代码[field:title/]替换为<{$item_info.title|strip_tags:true}>，注：此标题代码|后的代码是去除标题的颜色代码。

接下来是日期、点击、评论和文章简介，HBCMS模板里的代码分别是：日期<{$item_info.write_date}> ，点击<{$item_info.hits}>，评论<{$item_info.comment_num}>，简介<{$item_info.desc}>。用这些代码分别替换DEDECMS的模板相应的代码。查看评论代码在HBCMS中没有用，所以删除。

现在我们看下替换后的代码和前台演示：

好了，今天这一讲就讲到这里了，我们下一讲再见。