内容页完整案例

单页制作方式；模板默认名称 `article_article.html`

1.导入静态资源文件到`template`文件夹下

2.启用这个项目 点击完整管理-》对应网站点击使用，

3.修改js css 图片调用路径 `{$temp_css}`
格式
`  <link rel="stylesheet" href="{$temp_css}/font/iconfont.css">`
`<script type="text/javascript" src="{$temp_css}/js/wow.min.js"></script>`

**4.修改 title、keywords、desc**
首页设置  其他页面设置 [链接地址](http://help.hbsjsd.cn/art/list/3.html "链接地址")
```html
    <title>{$arts.title}-{$confs.sitename}</title>
    <meta name="keywords" content="{$arts.keywords?$arts.keywords:$confs.keywords}" />
    <meta name="description" content="{$arts.description?$arts.description:$confs.desc}" />
```

**5.分割公共部分**
一般为头部：我这命名为`head.html` 可之定义

底部：我这命名为`footer.html` 可之定义

**使用方式**

`{include file="xuexiao/head"}`

`{include file="xuexiao/footer"}`

`xuexiao`前端页面目录名称

`head`前端切开页面 注意不需要带后缀，否则无效

6.头部导航替换显示 [详情》》](http://help.hbsjsd.cn/art/list/39.html "详情》》")
导航LOGO修改 联系方式修改 可参考 [详情》》](http://help.hbsjsd.cn/art/list/57.html "详情》》")

LOGO 需要图片 调用方式 `__LOGO__/{$confs.logo}`

其他字段调用方式例如电话 `{$confs.dianhua}`

#### **列表页大图设置**
```html
 <img src="{if condition="$topCates['img'] eq ''"}https://www.hbsjsd.cn/public/static/index/uploads/img\20191210\79bc1e206058ba90fc889eaf586e95e6.jpg{else/}/{$topCates.img}{/if} " style="width: 100%; height:100%" alt="{$cates.cate_name}">
```
图片调用`{if condition="$topCates['img'] eq ''"}https://www.hbsjsd.cn/public/static/index/uploads/img\20191210\79bc1e206058ba90fc889eaf586e95e6.jpg{else/}/{$topCates.img}{/if}`
`{if condition="$topCates['img'] eq ''"}`if判断图片是否为空，如何为空显示默认图片，否则显示上传的图片

------------

#### 当前位置：****
```html
{volist name="pos" id="cate"}
                        <a href='{if condition="$cate['cate_attr'] eq 1"}{:url('cate/index',array('cid'=>$cate['id']))}{/if}
                        {if condition="$cate['cate_attr'] eq 2"}{:url('page/index',array('cid'=>$cate['id']))}{/if}
                        {if condition="$cate['cate_attr'] eq 3"}{$cate.link}{/if}'>{$cate.cate_name}</a> {if condition="$i neq count($pos)"}>{/if}
                        {/volist}
```
当前所在栏目`{$cates.cate_name}`

------------

#### **栏目导航制作：**
当前所在栏目上级栏目，父级栏目名称`<h3 class style>{$topCates.cate_name}</h3>`
循环显示当前栏目上级栏目下的字栏目，兄弟栏目
```html
{volist name="sonCateRes" id="vo"}
    <li {if condition="$vo['id'] eq $cid"}class="current"{/if}><a href="{$vo.cate_attr|makeurl=###,$vo.id}">{$vo.cate_name}</a><i></i></li>
{/volist}
```

------------
#### 内容调用****
内容标题`{$arts.title}`
详情：`{$arts.content}`

##### **常用字段设置**

**所在栏目**
```html
<a href="{if condition=" $cates['cate_attr'] eq 1"}{:url('Cate/index',array('cid'=>$cates['id']))}{/if}
{if condition="$cates['cate_attr'] eq 2"}{:url('Page/index',array('cid'=>$cates['id']))}{/if}
{if condition="$cates['cate_attr'] eq 3"}{$cates.link}{/if}">{$cates.cate_name}</a>
```
发布时间`{$arts.time|date="Y-m-d",###}`
访问量`{$arts.click}`
发布者`{$arts.writer}`
关键词
```php
<?php
$tags=explode(',', $arts['keywords']);
if($tags):
   foreach($tags as $k=>$tag):
       if(!$tag){
            continue;
                  }
         ?>
  <?php if($k!=0){echo ',';}?> <a target="_blank" rel="nofollow" href="{:url('index/Search/search',array('tag'=>$tag))}"><?php echo $tag;?></a>
<?php endforeach; endif;?>
```
简介 `{$arts.description}`

**上一篇下一篇**
```html
<p>上一篇：<a href="{:url('Article/index',array('aid'=>$front['id']))}">{$front['title']}</a></p>
 <p>下一篇：<a href="{:url('Article/index',array('aid'=>$after['id']))}">{$after['title']}</a></p>
```
其他扩展字段 查看tc_archives表中详情 [查看详情》》](http://help.hbsjsd.cn/art/list/48.html "查看详情》》")

------------

#### **推荐文章**
使用方式
```html
 {volist name="pros" id="vo"  offset="0" length='4'}
     <li class><a href="{:url('Article/index',array('aid'=>$vo['id']))}"  date-src="{:url('Article/index',array('aid'=>$vo['id']))}" target>{$vo.title}</a><i></i></li>
 {/volist}
```
A链接`{:url('Article/index',array('aid'=>$vo['id']))}`

循环区域` {volist name="artRes" id="vo"}{/volist}`

图片调用` {if condition="$vo['pic'] eq ''" }src='{$temp_css}/images/blog2.jpg' {else/}src='{$vo.pic}'{/if}`

`{if ondition="$vo['pic'] eq ''" }`if判断图片是否为空，如何为空显示默认图片，否则显示上传的图片

`{:url('Article/index',array('aid'=>$vo['id']))}`A标签链接Article/index跳转方法模型 $vo['id']为文章ID

`{$vo.content|delhtml=###|cut_str="100"}` `description`对应数据表内容，可以替换其他字段，`delhtml`为去除内容中HTML标签 ，`cut_str`为显示字数 [其他字段详情》》](http://help.hbsjsd.cn/art/list/14.html "其他字段详情》》")

特殊字段日期调用方式`{$vo.time|date="Y-m-d H:s",###}
Y年 m月 d日 H时 s分  -可以替换其他`

------------

速建时代TPCMS管理系统

内容页完整案例