pbootcms网站系统操作教程:pbootcms仿站实战教程之首页标签常用调用,全方位演示实战仿站教程操作。本次为给客户案例仿站教程。具体就不过多透露了。本教程使用官方默认的sqlite数据库。
通过上一篇文章,我们已经把网站的js,css和图片链接成功了。
大家应该已经看到网站已经正常显示了,但是前后端还是没有对接完成。也说了是前端和后台还没有链接成功。
一、头部的前后端链接
常用的前端和头端头部一般是标题,关键词,描述标签如下:
标签 | 使用说明 |
{pboot:pagetitle} | 页面标题 |
{pboot:pagekeywords} | 页面关键词 |
{pboot:pagedescription} | 页面描述 |
{pboot:sitetitle} | 首页标题 |
{pboot:sitekeywords} | 首页关键词 |
{pboot:sitedescription} | 首页描述 |
pbootcms仿站实战教程之首页标签常用调用
后台设置站点信息如下:

使用页面标题,关键词,描述的结果
代码如下:
<title>{pboot:pagetitle}</title>
<meta name="keywords" content="{pboot:pagekeywords}">
<meta name="description" content="{pboot:pagedescription}">
展示图如下:

使用首页标签,关键词,描述的结果
代码如下:
<title>{pboot:sitetitle}</title>
<meta name="keywords" content="{pboot:sitekeywords}" />
<meta name="description" content="{pboot:sitedescription}" />
展示图如下:

所以我推荐大家使用页面标签。这里就不说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>
展示效果:

生成代码如下:
<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}
来看看实际的展示效果:

四、指定栏目产品调用标签
调用代码如下:
{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}
来看看实际效果吧!

仿站的教程到这里就结束了,首页会仿制那么内页岂不是更简单
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
本站提供的资源,都来自网络,版权争议与本站无关,所有内容及软件的文章仅限用于学习和研究目的。
如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。侵删请致信E-mail:1484712216@qq.com
本站提供的资源,都来自网络,版权争议与本站无关,所有内容及软件的文章仅限用于学习和研究目的。
如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。侵删请致信E-mail:1484712216@qq.com