得推企业网站模板开发教程之文章资讯
文章资讯有两个文件：
article/list.html 列表页
article/show.html 详情页
一、list.html 列表页
相关标签：
$cat 当前分类
{$cat.cname}
$children 分类列表
{foreach item=c from=$children}
$list 文章列表
{foreach item=c from=$list}
分页数据 只有大于1页的时候显示
{$pagelist}Tabs制作
<div class="tabs-border">
{foreach item=c from=$children}
<a href="/index.php?m=article&a=list&catid={$c.catid}" class="tabs-border-item {if get('catid') eq $c.catid}tabs-border-active{/if}">{$c.cname}</a>
{/foreach}
</div>二、show.html 详情页
相关标签
$data 文章详情 $data 结构 id title imgurl description content
相关源码：
list.html
<!DOCTYPE html>
<html>
{include file="head.html"}
<body>
<div class="header">
<div class="header-back"></div>
<div class="header-title">{$cat.cname}</div>
</div>
<div class="header-row"></div>
<div class="main-body">
{if $children}
<div class="tabs-border">
{foreach item=c from=$children}
<a href="/index.php?m=article&a=list&catid={$c.catid}" class="tabs-border-item {if get('catid') eq $c.catid}tabs-border-active{/if}">{$c.cname}</a>
{/foreach}
</div>
{/if}
<div class="pd-10 bg-fff">
{foreach item=c from=$list}
<a href="/index.php?m=article&a=show&id={$c.id}" class="sglist-item">
{if $c.imgurl}
<div class="sglist-imgbox">
<img class="sglist-img" src="{$c.imgurl}.middle.jpg" />
</div>
{/if}
<div class="sglist-title">{$c.title}</div>
<div class="sglist-desc">{$c.description}</div>
</a>
{/foreach}
</div>
{$pagelist}
</div>
{assign var="ftnav" value="article"}
{include file="ftnav.html"}
{include file="footer.html"}
</body>
</html>show.html
<!DOCTYPE html>
<html>
{include file="head.html"}
<body>
<div class="header">
<div class="header-back"></div>
<div class="header-title">文章详情</div>
</div>
<div class="header-row"></div>
<div class="main-body mgb-10">
<div class="row-box">
<div class="d-title">{$data.title}</div>
<div class="d-tool bg-white">
{$data.author} {$data.createtime|cutstr:11}
</div>
</div>
<div class="pd-10 bg-fff">
<div class="d-content"> {$data.content} </div>
</div>
</div>
{include file="footer.html"}
<?php wx_jssdk();?>
<script type="text/javascript">
wxshare_title="{$data.title}";
{if $data.imgurl}
wxshare_imgUrl="{$data.imgurl|images_site}.100x100.jpg";
{/if}
</script>
<script>
setTimeout(function(){
$.get("/index.php?m=article&a=addclick&id={$data.id}&ajax=1")
},3000);
</script>
</body>
</html>