pbootcms仿站实战教程之首页标签常用调用-pbootcms网站系统操作教程

pbootcms仿站实战教程之首页标签常用调用-pbootcms网站系统操作教程

pbootcms网站系统操作教程:pbootcms仿站实战教程之首页标签常用调用,全方位演示实战仿站教程操作。本次为给客户案例仿站教程。具体就不过多透露了。本教程使用官方默认的sqlite数据库。

通过上一篇文章,我们已经把网站的js,css和图片链接成功了。

大家应该已经看到网站已经正常显示了,但是前后端还是没有对接完成。也说了是前端和后台还没有链接成功。

一、头部的前后端链接

常用的前端和头端头部一般是标题,关键词,描述标签如下:

标签使用说明
{pboot:pagetitle}页面标题
{pboot:pagekeywords}页面关键词
{pboot:pagedescription}页面描述
{pboot:sitetitle}首页标题
{pboot:sitekeywords}首页关键词
{pboot:sitedescription}首页描述

pbootcms仿站实战教程之首页标签常用调用

后台设置站点信息如下:

pbootcms仿站实战教程之首页标签常用调用
pbootcms仿站实战教程之首页标签常用调用

使用页面标题,关键词,描述的结果

代码如下:

<title>{pboot:pagetitle}</title>
<meta name="keywords" content="{pboot:pagekeywords}">
<meta name="description" content="{pboot:pagedescription}">

展示图如下:

pbootcms仿站实战教程之首页标签常用调用
pbootcms仿站实战教程之首页标签常用调用

使用首页标签,关键词,描述的结果

代码如下:

<title>{pboot:sitetitle}</title>
<meta name="keywords" content="{pboot:sitekeywords}" />
<meta name="description" content="{pboot:sitedescription}" />

展示图如下:

pbootcms仿站实战教程之首页标签常用调用
pbootcms仿站实战教程之首页标签常用调用

所以我推荐大家使用页面标签。这里就不说JS和CSS调用问题了,上一篇文章有讲。

二、导航的调用标签

导航菜单的调用如下:

{pboot:nav}
<a href="[nav:link]">[nav:name]</a>
{/pboot:nav}

控制参数:

num=* 数量,非必填,用于控制输出的数量

parent=* 父菜单编码,非必填,用于控制输出列表的父菜单编码,默认0,即从一级菜单开始输出

parent={sort:pcode} 可用于输出当前栏目的同级菜单

parent={sort:scode} 可用于输出当前栏目的子菜单

parent={sort:tcode} 可用于输出当前栏目顶级菜单的子菜单

可以使用的标签,请看之前发布的文章:pbootcms技术开发手册导航菜单列表标签教程

因为我的这个仿站只有一级导航所以使用的只是最普通的调用标签。

{pboot:nav}
<li><h3 class="title"><a href= "[nav:link]">[nav:name]</a></h3></li>
{/pboot:nav}

我发现他不会自己做一个首页,于是加了一个首页调用

<li><h3 class="title"><a href= "/">首页</a></h3></li>

展示效果:

pbootcms仿站实战教程之首页标签常用调用
pbootcms仿站实战教程之首页标签常用调用

生成代码如下:

<li><h3 class="title"><a href= "/">首页</a></h3></li>
		  
<li><h3 class="title"><a href= "/?about/">关于我们</a></h3></li>
		  
<li><h3 class="title"><a href= "/?product/">产品中心</a></h3></li>
		  
<li><h3 class="title"><a href= "/?plan/">解决方案</a></h3></li>
		  
<li><h3 class="title"><a href= "/?case/">成功案例</a></h3></li>
		  
<li><h3 class="title"><a href= "/?article/">新闻中心</a></h3></li>
		  
<li><h3 class="title"><a href= "/?contact/">联系我们</a></h3></li>

三、调用指定栏目的二级栏目导航条

刚好这个客户下面有一个板块是调用二级栏目导航条的但是也只是调用规定的栏目。

代码如下:

{pboot:nav num=15 parent=5}
<li><a href="[nav:link]">[nav:name]</a></li>
{pboot:if([nav:soncount]>0)}
{pboot:2nav num=10 parent=[nav:scode]}
<li><a href="[2nav:link]">[2nav:name]</a></li>
{/pboot:2nav}
{/pboot:if}
{/pboot:nav}

这个代码里面实际上使用还涵盖了二级导航下面的三级导航条,而实际上我只用二级导航条。

我的实际代码如下:

{pboot:nav num=5 parent=1}
<a href="[nav:link]">[nav:name]</a>
{/pboot:nav}

来看看实际的展示效果:

pbootcms仿站实战教程之首页标签常用调用
pbootcms仿站实战教程之首页标签常用调用

四、指定栏目产品调用标签

调用代码如下:

{pboot:list scode=5 num=6 order=date}
<li>
<a href="[list:link]" target="_blank">
<img src="[list:ico]" alt="[list:title]"/>
<p>[list:title len=18]</p></a>
</li>
{/pboot:list}

实操案例代码如下:

{pboot:list scode=5 num=6 order=date}
<li>
<div class="item">
<a href="[list:link]">
<div class="thumb">
<i class="after"></i>
<img src="[list:ico]">
</div>
<h2 class="title">[list:title]</h2>
<p class="desc"></p>
<div class="content">
<div class="msg">
<h4>项目名称:[list:title]</h4>
<h4>所属行业:[list:sortname]</h4>
<h4>服务时间:[list:date style=Y-m-d]</h4>
</div>
<p class="desc">[list:description]...</p>
<i class="ico-line"></i>
</div>
</a>
<h4 class="tag">
<a href="[list:sortlink]" rel="nofollow">[list:sortname]</a>
</h4>
</div>
</li>
{/pboot:list}

来看看实际效果吧!

pbootcms仿站实战教程之首页标签常用调用
pbootcms仿站实战教程之首页标签常用调用

仿站的教程到这里就结束了,首页会仿制那么内页岂不是更简单

分享到 :
相关推荐