首页常用功能展示-免费PHP开源建站系统管家官方网站

首页常用功能展示

发布日期：2022-07-31

#### 公共文件引用方式
通常使用在头部菜单，和底部信息分割嵌套后使用 `../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}
```