模板手册
使用手册
模板手册
常见问题
模板助手
快速开始
目录结构
简介
模板设计
制作流程
模板设计师
文件及目录
目录机构
模板设计师
模板引擎
标签参考
搜索标签
全局标签
内容标签
图文标签
列表标签
首页标签
模板扩展
自定义分页
自定义表格列表
定义页面标签
标签参考/内容标签
[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}><span aria-hidden="true">←</span> 上一篇:</a> <a {if condition="$after['id']"}href="{:url('Article/index',array('aid'=>$after['id']))}"{/if}>下一篇: <span aria-hidden="true">→</span></a> ``` ##### 返回格式 ```perl "id" => 24 //文章id "title" => "企业网站建设怎么做才合适" //文章名称 "keywords" => ""//文章关键词 "description" => "今天襄阳网站建设带大家了解下网站安全问题:怎么做合适企业网站?"//文章描述简介 "writer" => ""//作者 "source" => ""//来源 "url" => ""//外链跳转地址 "litpic" => 0//是否为图文 "attr" => 0//类型 0:图文 1图片集 2外部链接 3视频集 4资源下载 "click" => 0//点击次数 "content" => "<p><strong>小企业要功能简化</strong></p>"//内容 "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日` 所属栏目:`<a href="{:url('/Cate/index',array('cid'=>$cates['id']))}" style="font-size: 14px;color: #999">{$cates.cate_name}</a>` >通过文字类型`attr`进行判断当前文章显示方式 ```html //判断文章类型 //图文 {if condition="$arts['attr'] eq 0 || $arts['attr'] eq 4"} {$arts['content']|raw} {/if} //外部链接 {if condition="$arts['attr'] eq 2"} 【{$arts.title}】为外部链接不支持跳转,请点击首页底部友情链接进行跳转 {/if} //图片集 {if condition="$arts['attr'] eq 1"} {volist name="$arts['imgres']" id="vo" key="k"} <p style="text-align: center;margin-bottom: 15px"> <img src="{$vo.imgarr}" alt="{$vo.titlearr|delhtml=###|cut_str='40'}"> </p> <p style="line-height: 32px;margin-bottom: 15px">{$vo.titlearr|raw}</p> {/volist} {/if} //视频 本地视频 {if condition="$arts['attr'] eq 3 && $arts.arr_status=='1'" } <div style="text-align: center" id="divVideo"> <video src="{$arts['imgres'][0]['titlearr']}" height="100%" width="100%" preloader="auto" poster="" controls> <p>你的浏览器不支持video标签</p> </video> </div> <div class="imgres"> {volist name="$arts['imgres']" id="vo" key="k"} <div><a class="video" data="{$vo.titlearr}" data-img="{$vo.imgarr}">{$k}.{$vo.imgtitle}</a></div> {/volist} </div> {/if} //视频 外部视频(优酷、爱奇艺) {if condition="$arts['attr'] eq 3 && $arts.arr_status!='1'"} <div style="text-align: center" id="divembed"> <div class="video"> <?php echo htmlspecialchars_decode($arts['imgres'][0]['titlearr']);?> </div> </div> <div class="imgres" style="width: 100%;float: left;margin-bottom: 20px;"> <b>目录</b> <hr /> {volist name="$arts['imgres']" id="vo" key="k"} <div style="padding: 5px 15px;float: left; border: 1px solid #ccc;margin: 10px;border-radius: 8px;"><a class="embed" data="{$vo.titlearr}" data-img="{$vo.imgarr}" style="color: #666">{$k}.{$vo.imgtitle}</a> </div> {/volist} </div> {/if} ``` >注意:如果解析内容带有`html`标签需进行 `raw` 解析` {$arts['content']|raw}` ##### 返回数据 ```html "id" => 24 //文章id "title" => "企业网站建设怎么做才合适" //文章名称 "keywords" => ""//文章关键词 "description" => "今天襄阳网站建设带大家了解下网站安全问题:怎么做合适企业网站?"//文章描述简介 "writer" => ""//作者 "source" => ""//来源 "url" => ""//外链跳转地址 "litpic" => 0//是否为图文 "attr" => 0//类型 0:图文 1图片集 2外部链接 3视频集 4资源下载 "click" => 0//点击次数 "content" => "<p><strong>小企业要功能简化</strong></p>"//内容 "imgres" => ""//图片及和视频集储藏字段 "model_id" => 0//文章类型 "time" => 1659332714//发文时间戳 "status" => 1//是否审核 0待审 1审核 "mes" => 1//是否可以留言 【未开启】 "attr_time" => 0 置顶状态 "markdown" => "ueditor"//使用编辑器类型 ``` #### 关键词 >关键词需要如何需要添加链接需要打散后链接到搜索页面 `search`页面中 `{if condition="$arts['keywords']"}{/if}`为条件判断防止错误产生 ```php {if condition="$arts['keywords']"} <div class="detail-tool " style="font-size: 14px;"> <?php $tags=explode(',', $arts['keywords']); if($tags): foreach($tags as $k=>$tag): if(!$tag){ continue; } ?> <?php if($k!=0){echo '';}?> <a target="_blank" href="/search?tag={$tag}"><?php echo $tag;?></a> <?php endforeach; endif;?> </div> {/if} ```