单页制作-详情-免费PHP开源建站系统管家官方网站

单页制作-详情

发布日期：2022-07-31

[TOC]

>单页设置主要使用于类似企业信息展示或自定义单页设置，该栏目无法进行发文只可调用该栏目设置修改属性值

>公共文件相关文档例如 js，css，图片引入当操作
地址[公共文件使用教程](http://phpcms.hbsjsd.cn/art-25.html)

#### 详情页内容大图调用
>大图调用的文章所在栏目封面图使用条件判断进行显示
如果当前栏目为设置封面图就调用`https://www.hbsjsd.cn/public/static/index/uploads/img\20191210\79bc1e206058ba90fc889eaf586e95e6.jpg`默认图标否者调用栏目封面图

```php
<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}">
```
>返回数据格式

```php
 "id" => 9
  "cate_name" => "帮助中心"
  "title" => "" //栏目名称
  "keywords" => ""//关键词
  "desc" => ""//描述
  "content" => ""//内容
  "status" => 1//审核状态
  "jump_id" => 0//是否跳转
  "img" => ""//封面图
  "cate_attr" => 1 //栏目类型 1列表页 2单页 3跳转 使用类型2【/index_tmp】类型【list_tmp】【article_tmp】无效 ，使用类型3【/article_tmp】者【index_tmp】【index_tmp】无效
  "list_tmp" => "list_article.html" //跳转列表页
  "index_tmp" => "index_article.html" //单页地址
  "article_tmp" => "article_article.html" //内容页
  "link" => ""//类型3跳转页
  "sort" => 50//栏目排序
  "model_id" => 1
  "bottom_nav" => 0//是否底部显示0显示1不显示
  "pid" => 0//顶级栏目标识 0为顶级
  "mark" => ""
  "thumb" => 1
  "uid" => 1
```

#### 当前位置
>格式基本可以固定 判断栏目类型更具不同类型跳转栏目不同
```perl
{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}
```

>返回数据格式

```php
array:2 [
  0 => array:4 [
    "id" => 9
    "pid" => 0
    "cate_name" => "帮助中心"
    "cate_attr" => 1
  ]
  1 => array:4 [
    "id" => 12
    "pid" => 9
    "cate_name" => "web制作教程"
    "cate_attr" => 1
  ]
]
```

#### 内容页显示菜单
>案例  volist循环显示文字所在父级栏目下的所有子栏目（注：只显示栏目中设置为显示在首页的栏目）
跳转栏目地址：{$vo.cate_attr|makeurl=###,$vo.id} `cate_attr`栏目属性 `$vo.id`栏目id `makeurl`后端封装函数用来判断跳转位置
判断当前所在栏目：{if condition="$vo.id eq $cid"}style=' color: #f00'{/if}
当前栏目名称：{$vo.cate_name}
顶级栏目名称：{$topCates.cate_name}

```perl
{$topCates.cate_name}
{volist name="sonCateRes" id="vo"}
 <li>
 <a href="{$vo.cate_attr|makeurl=###,$vo.id}" class="tag-link-5 " {if condition="$vo.id eq $cid"}style=' color: #f00'{/if} >
 {$vo.cate_name}
 </a>
 </li>
{/volist}
```

>返回数据格式

```php
数组模式返回需要使用上门循环语句显示
 0 => array:21 [
      "id" => 9
  "cate_name" => "帮助中心"
  "title" => "" //栏目名称
  "keywords" => ""//关键词
  "desc" => ""//描述
  "content" => ""//内容
  "status" => 1//审核状态
  "jump_id" => 0//是否跳转
  "img" => ""//封面图
  "cate_attr" => 1 //栏目类型 1列表页 2单页 3跳转 使用类型2【/index_tmp】类型  【list_tmp】【article_tmp】无效 ，使用类型3【/article_tmp】者【index_tmp】【index_tmp】无效
  "list_tmp" => "list_article.html" //跳转列表页
  "index_tmp" => "index_article.html" //单页地址
  "article_tmp" => "article_article.html" //内容页
  "link" => ""//类型3跳转页
  "sort" => 50//栏目排序
  "model_id" => 1
  "bottom_nav" => 0//是否底部显示0显示1不显示
  "pid" => 0//顶级栏目标识 0为顶级
  "mark" => ""
  "thumb" => 1
  "uid" => 1
    ]
```

#### 上一篇下一篇文字
```perl
<a {if condition="$front['id']"}href="{:url('Article/index',array('aid'=>$front['id']))}" {/if}>← 上一篇：</a>
<a {if condition="$after['id']"}href="{:url('Article/index',array('aid'=>$after['id']))}"{/if}>下一篇： →</a>
```
返回格式

```perl
 "id" => 24 //文章id
 "title" => "企业网站建设怎么做才合适" //文章名称
 "keywords" => ""//文章关键词
 "description" => "今天襄阳网站建设带大家了解下网站安全问题：怎么做合适企业网站？"//文章描述简介
 "writer" => ""//作者
 "source" => ""//来源
 "url" => ""//外链跳转地址
 "litpic" => 0//是否为图文
 "attr" => 0//类型 0:图文 1图片集 2外部链接 3视频集 4资源下载
 "click" => 0//点击次数
 "content" => "小企业要功能简化"//内容
 "imgres" => ""//图片及和视频集储藏字段
 "model_id" => 0//文章类型
 "time" => 1659332714//发文时间戳
 "status" => 1//是否审核 0待审 1审核
 "mes" => 1//是否可以留言 【未开启】
 "attr_time" => 0 置顶状态
 "markdown" => "ueditor"//使用编辑器类型
```

#### 文章内容调用
标题：`{$arts.title}`
发表时间戳转日期：`{$arts.time|date="Y-m-d"} Y年-m月-d日`

>通过文字类型`attr`进行判断当前文章显示方式

```html
{if condition="$arts['attr'] eq 0 || $arts['attr'] eq 4"}
 {$arts['content']}
{/if}
{if condition="$arts['attr'] eq 3"}
 <div style="text-align: center" id="divVideo">
 <video src="" height="100%" width="100%" preloader="auto" poster="" controls>
 你的浏览器不支持video标签
 </video>
 </div>
 <ul class="imgres">
 {volist name="$arts['imgres']" id="vo" key="k"}
 <li><a class="video" data="{$vo.titlearr}" data-img="{$vo.imgarr}" >{$k}.{$vo.imgtitle}</a></li>
 {/volist}
 </ul>
{/if}
```
返回数据
```html
 "id" => 24 //文章id
 "title" => "企业网站建设怎么做才合适" //文章名称
 "keywords" => ""//文章关键词
 "description" => "今天襄阳网站建设带大家了解下网站安全问题：怎么做合适企业网站？"//文章描述简介
 "writer" => ""//作者
 "source" => ""//来源
 "url" => ""//外链跳转地址
 "litpic" => 0//是否为图文
 "attr" => 0//类型 0:图文 1图片集 2外部链接 3视频集 4资源下载
 "click" => 0//点击次数
 "content" => "小企业要功能简化"//内容
 "imgres" => ""//图片及和视频集储藏字段
 "model_id" => 0//文章类型
 "time" => 1659332714//发文时间戳
 "status" => 1//是否审核 0待审 1审核
 "mes" => 1//是否可以留言 【未开启】
 "attr_time" => 0 置顶状态
 "markdown" => "ueditor"//使用编辑器类型
```