模板手册
使用手册
模板手册
常见问题
模板助手
快速开始
目录结构
简介
模板设计
制作流程
模板设计师
文件及目录
目录机构
模板设计师
模板引擎
标签参考
搜索标签
全局标签
内容标签
图文标签
列表标签
首页标签
模板扩展
自定义分页
自定义表格列表
定义页面标签
标签参考/首页标签
[TOC] # 首页常用标签 #### 公共文件引用方式 通常使用在头部菜单,和底部信息分割嵌套后使用 `../template`前端文件存放目录固定不变head.html头部菜单切割后存放位置,不待body前后代码head可变的名称 ``` {include file="../template/head.html" } {include file="../template/banner.html" } ``` #### 首页title、keywords、description >首页调用/列表页/单页/详情页均可使用name网站名称,keywords关键词desc描述大多在首页使用 ```perl <title>{$confs.name}</title> <meta name="keywords" content="{$confs.keywords}"/> <meta name="description" content="{$confs.desc}"/> ``` #### 首页大图广告设置 >offset从第0条调用 length调用6条 ```html {volist name="links" id="vo" offset="0" length='6'} <li > <div class="box-img"> <img alt="{$vo.name}" src="{$vo.img}"> </div> <h3>{$vo.name|cut_str="20"}</h3> </li> {/volist} ``` 返回数据 ```html 0 => array:6 [ "id" => 8 "name" => "大图1" "img" => "http://sjsdvideo.oss-cn-qingdao.aliyuncs.com/2022-07-21/timg.jpg" "url" => "http://phpcms.hbsjsd.cn" "status" => 1 "webstatus" => 0 ] ``` #### 列表调用 A标签:`{:url('Article/index',array('aid'=>$vo['id']))}` 标题:`{$vo.title|cut_str="20"}` `cut_str`显示字数设置 封面图:`{$vo.pic}` >news3为栏目标尺,不设置无法使用 标尺不能重复 详细可查看--[图文列表调用方式](http://phpcms.hbsjsd.cn/art-20.html) ```html {volist name="news3" id="vo" offset="0" length='6'} <li > <a href="{:url('Article/index',array('aid'=>$vo['id']))}" title="{$vo.title}"> <div class="box-img"> <img alt="{$vo.title}" src="{$vo.pic}"> </div> <h3>{$vo.title|cut_str="20"}</h3> </a> </li> {/volist} ``` 返回数据 ```perl 返回数据为数组许循环语句使用 [ "id" => 16//文章id "title" => "v4.0.0"//文章标题 "url" => ""//跳转链接 "status" => 1//状态 "attr" => 4//类型 "attr_time" => 0//推荐状态 "keywords" => "全站更新"//关键词 "description" => "v4.0.0 UTF-8 正式版20220721功能更新全站优化"//描述 "click" => 11//点击量 "time" => 1659085617//发表时间 "cate_name" => "资源下载"//栏目 "pic" => null//封面图 ] ``` #### 栏目单页调用 第一步:设置栏目标识`page1,page2,page3,page4,page5`可选中,一般设置了5个标尺 第二步:前端调用我这选用的是`page1`使用方式如下 ```perl <h6>{$page1.cate_name}</h6> <p>{$page1.content|delhtml=###|cut_str="100"}</p> <img src="{$page1.img}" alt="{$page1.title}" class="w-100"> ``` content对应数据表内容,可以替换成文章简介`description ,delhtml`为去除内容中HTML标签 ,cut_str为显示字数 `注意:可重复调用` 返回数据 ```json "id" => 4 "cate_name" => "关于我们" "title" => "襄阳网站建设" "keywords" => "" "desc" => "" "content" => "<p>湖北速建时代网络科技公司是一家襄阳做网站的公司,成立于2019年" "status" => 0 "jump_id" => 0 "img" => "" "cate_attr" => 2 "list_tmp" => "list_article.html" "index_tmp" => "index_article.html" "article_tmp" => "article_article.html" "link" => "" "sort" => 50 "model_id" => 1 "bottom_nav" => 0 "pid" => 0 "mark" => "page1" "thumb" => 1 "uid" => 1 ``` #### 友情链接调用 >友情链接未做单独开发,可使用栏目发文选择链接进行保存数据 使用方式和列表一直 A标签:`{:url('Article/index',array('aid'=>$vo['id']))}` 标题:`{$vo.title|cut_str="20"}` `cut_str`显示字数设置 封面图:`{$vo.pic}` >news4为栏目标尺,不设置无法使用 标尺不能重复 ```html {volist name="news4" id="vo" offset="0" length='6'} <li > <a href="{$vo.url}" title="{$vo.title}"> <div class="box-img"> <img alt="{$vo.title}" src="{$vo.pic}"> </div> <h3>{$vo.title|cut_str="20"}</h3> </a> </li> {/volist} ``` 返回数据 ```perl 返回数据为数组许循环语句使用 [ "id" => 16//文章id "title" => "v4.0.0"//文章标题 "url" => ""//跳转链接 "status" => 1//状态 "attr" => 4//类型 "attr_time" => 0//推荐状态 "keywords" => "全站更新"//关键词 "description" => "v4.0.0 UTF-8 正式版20220721功能更新全站优化"//描述 "click" => 11//点击量 "time" => 1659085617//发表时间 "cate_name" => "资源下载"//栏目 "pic" => null//封面图 ] ```