剑哥手把手PbootCMS仿站模板标签教学

广告

<ul>
        {pboot:list num=10 order=date scode=* page=1} 
        	<li class="lh-3 border-bottom-dashed">
                <i class="fa fa-gg"></i>
                <a href="[list:link]">
                	<span class="d-none d-md-inline">[list:title lencn=30]</span><!-- PC端 -->
                	<span class="d-inline d-md-none">[list:title lencn=11]</span><!-- 移动端 -->
                	{pboot:if([list:istop]==1)}
                		<span class="badge badge-danger">置顶</span>
                	{/pboot:if}
                	{pboot:if([list:isrecommend]==1)}
                		<span class="badge badge-warning">推荐</span>
                	{/pboot:if}
                	{pboot:if([list:isheadline]==1)}
                		<span class="badge badge-info">头条</span>
                	{/pboot:if}
                	<span class="float-right">[list:date style=Y-m-d]</span>
                </a>
            </li>
        {/pboot:list}
    </ul>
    
	{include file=comm/page.html}

about

{include file=comm/head.html}

{include file=comm/top.html}

<div class="container pages">
	{include file=comm/position.html}
	<h2 class="text-center my-4 fs-sm-28 fs-24">{content:title}</h2>
	<div class="content">{content:content}</div>
</div>

{include file=comm/foot.html}

case

{include file=comm/position.html}
	
	<h2 class="text-center fs-sm-28 fs-24">{content:title}</h2>
    <div class="text-center border-bottom text-secondary pb-2 mb-3">
    	  时间:{content:date style=Y-m-d}&nbsp;&nbsp;&nbsp;访问量:{content:visits}
    </div>
	<div class="content mb-3">{content:content}</div>
	
	<div class="text-secondary lh-2">
		<p>上一篇:{content:precontent}</p>
		<p>下一篇:{content:nextcontent}</p>
	</div>
</div>

{include file=comm/comment.html}

{include file=comm/foot.html}

图文列表

<!-- 图文列表 -->
     <div class="row">
        {pboot:list num=8 order=sorting}
            <div class="col-12 col-sm-6 col-lg-3 text-center">
               <figure class="figure">
                  <div class="card-img-200">
                 	 <a href="[list:link]"><img src="[list:ico]" class="w-100" alt="[list:title]"></a>
                  </div>
                  <figcaption class="figure-caption text-center lh-2"><a href="[list:link]">[list:title lencn=15]</a></figcaption>
               </figure>
            </div>
        {/pboot:list}

index

<!-- 幻灯片 -->
<div class="swiper-container">
    <div class="swiper-wrapper">
    	{pboot:slide num=5 gid=1}
        	<div class="swiper-slide">
        		<a href="[slide:link]">
        			<img src="[slide:src]" class="d-block w-100" >
        		</a>
        		<div class="container">
			    	<div class="position-absolute text-light" style="top:30%;">
						<h1 class="fs-20 fs-sm-32 wow slideInUp">[slide:title]</h1>
					 	<h4 class="fs-14 fs-sm-20 wow slideInUp">[slide:subtitle]</h4>
					</div>
			    </div>
        	</div>
        {/pboot:slide}

产品推荐列表

div class="bg-white py-5">
    <div class="container">
    
      {pboot:sort scode=5}
      	<div class="text-center fs-26 fs-sm-28 text-success wow fadeInDown">[sort:name]</div>
      	<div class="text-center fs-14 fs-sm-16 mb-4 text-secondary wow fadeInUp" data-wow-delay="1s">- [sort:subname] -</div>
      {/pboot:sort}
      
      <div class="row">
       {pboot:list scode=5 num=4 order=date}
        <div class="col-12 col-sm-6 col-lg-3 wow zoomIn" data-wow-delay="[list:i]00ms" data-wow-duration="1s">
              <div class="card">
                  <div class="card-img-150"><a href="[list:link]"><img class="card-img-top" src="[list:ico]" alt="[list:title]"></a></div>
                  <div class="card-body">
                    <h5 class="card-title"><a href="[list:link]">[list:title lencn=12]</a></h5>
                    <p class="card-text">
	                    {pboot:if([list:istop]==1)}
	                		<span class="badge badge-danger">置顶</span>
	                	{/pboot:if}
	                	{pboot:if([list:isrecommend]==1)}
	                		<span class="badge badge-warning">推荐</span>
	                	{/pboot:if}
	                	{pboot:if([list:isheadline]==1)}
	                		<span class="badge badge-info">头条</span>
	                	{/pboot:if}
	                	[list:content drophtml=1 dropblank=1 len=50]
                	</p>
                  </div>
               </div>
         </div>
        {/pboot:list}
      </div>
	  {pboot:sort scode=5}
			<div class="text-center mt-4 wow fadeInDown" data-wow-delay="1s"><h4><a href="[sort:link]" class="text-secondary fs-14 fs-sm-16">查看更多</a></h4></div>
	  {/pboot:sort}
    </div>
</div>

关于我们列表

<div class="bg-light py-5">
    <div class="container">
      {pboot:sort scode=1}
      	<div class="text-center fs-26 fs-sm-28 text-info wow fadeInDown">[sort:name]</div>
      	<div class="text-center fs-14 fs-sm-16 mb-4 text-secondary wow fadeInUp" data-wow-delay="1s">- [sort:subname] -</div>
      {/pboot:sort}
      
      {pboot:content id=1}
      	<div class="row text-secondary mb-5 px-3 lh-2 wow fadeInDown" data-wow-delay="500ms" style="text-indent:30px;">
            [content:content drophtml=1 dropblank=1 len=442 more='']
      	</div>
     	<div class="text-center wow fadeInDown" data-wow-delay="1s"><h4><a href="[content:link]" class="text-secondary fs-14 fs-sm-16">查看更多</a></h4></div>
      {/pboot:content}
    </div>

新闻动态

<div class="bg-white py-5">
    <div class="container">
      {pboot:sort scode=2}
      	<div class="text-center fs-26 fs-sm-28 text-warning wow fadeInDown">[sort:name]</div>
      	<div class="text-center fs-14 fs-sm-16 mb-5 text-secondary wow fadeInUp" data-wow-delay="1s">- [sort:subname] -</div>
      {/pboot:sort}
      
      <div class="row">
      	{pboot:list scode=2 num=4 order=date}
            <div class="col-12 col-lg-6 mb-3 wow fadeInUp" data-wow-delay="500ms">
                <div class="media mb-3">
                  <div class="media-body">
                     <h5><a href="[list:link]" title="[list:title]">[list:title lencn=20]</a></h5>
                     <p><a href="[list:link]" class="text-secondary lh-2">[list:content drophtml=1 dropblank=1 lencn=60] [list:date style=Y-m-d]</a></p>
                  </div>
                </div>
            </div>
        {/pboot:list}
      </div>
	  {pboot:sort scode=2}
		<div class="text-center wow fadeInDown" data-wow-delay="1s"><h4><a href="[sort:link]" class="text-secondary fs-14 fs-sm-16">查看更多</a></h4></div>
	  {/pboot:sort}
    </div>
</div>

文章页面

{include file=comm/position.html}
     
    <h2 class="text-center fs-sm-28 fs-24">{content:title}</h2>
    <div class="text-center border-bottom text-secondary pb-2 mb-3">
    	  时间:{content:date style=Y-m-d}&nbsp;&nbsp;&nbsp;访问量:{content:visits}
    </div>
	<div class="content mb-3">{content:content}</div>
	<div class="text-secondary lh-2">
		<p>上一篇:{content:precontent}</p>
		<p>下一篇:{content:nextcontent}</p>
	</div>

列表内容

<!-- 列表内容 -->
	 <div class="row">
     {pboot:list num=10 order=date}
     	<div class="mb-3 col-12 col-sm-6 col-lg-3">
	      	<div class="card bg-light">
			  <div class="card-header">招聘职位:[list:title]</div>
			  <div class="card-body">
			    <p class="card-text">[list:content drophtml=1 dropblank=1 lencn=50]</p>
			    <a class="btn btn-info mt-2" href="[list:link]">查看详情</a>
			  </div>
			   <div class="card-footer">发布日期:[list:date style=Y-m-d]</div>
			</div>
		</div>
     {/pboot:list}
     </div>

留言内容

<!-- 留言记录 -->
    {pboot:message num=2}
    <div class="media border-bottom pb-3 pt-3">
	  <img class="mr-3" src="[message:headpic]" height="25">
	  <div class="media-body">
	    <h5 class="mt-0">[message:nickname]:</h5>
	    <p>[message:content]</p>
	    <p>
	    	<span class="badge badge-light text-secondary font-weight-normal">[message:os]</span>
	    	<span class="badge badge-light text-secondary font-weight-normal">[message:bs]</span>
	    	<span class="badge badge-light text-secondary font-weight-normal">[message:askdate]</span>
	    </p>
	    
	    {pboot:if('[message:recontent]'!='')}
	    <div class="media mt-3 border-top-dashed pt-3">
	      <img class="mr-3" src="{pboot:sitetplpath}/images/user.png" height="25">
	      <div class="media-body">
	        <h5 class="mt-0">管理员回复:</h5>
	        <p>[message:recontent]</p>
	        <p><span class="badge badge-light text-secondary font-weight-normal">[message:replydate]</span></p>
	      </div>
	    </div>
	    {/pboot:if}
	  </div>
	</div>
	{/pboot:message}
	
	<!-- 分页 -->
 	{pboot:if({page:rows}>0)}
	<nav aria-label="page navigation" class="my-4">
      <div class="pagination justify-content-center">
      	<a class="page-item page-link" href="{page:index}">首页</a>
        <a class="page-item page-link" href="{page:pre}">上一页</a>
        {page:numbar}<!-- 数字条,小屏幕时自动隐藏-->
        <a class="page-item page-link" href="{page:next}">下一页</a>
        <a class="page-item page-link" href="{page:last}">尾页</a>
      </div>
    </nav>
    {/pboot:if}

留言表单

<div class="row">
    	<div class="col-lg-3"></div>
    	<div class="col-12 col-lg-6">
        	<form class="my-4" onsubmit="return submsg(this);">
                <div class="form-group">
                    <label for="contacts">联系人</label>
                    <div>
                        <input type="text" name="contacts" required id="contacts" class="form-control" placeholder="请输入联系人">
                    </div>
                </div>
                
                <div class="form-group">
                    <label for="mobile">手 机</label>
                    <div>
                        <input type="text" name="mobile" required id="mobile" class="form-control" placeholder="请输入联系人手机">
                    </div>
                </div>
                
                <div class="form-group">
                    <label for="content" >内 容</label>
                    <div>
                        <textarea name="content" id="content" class="form-control" placeholder="请输入留言内容"></textarea>
                    </div>
                </div>
                
                {pboot:if({pboot:msgcodestatus})}
                <div class="form-group">
                    <label for="checkcode">验证码</label>
                    <div class="row">
                        <div class="col-6">
                            <input type="text" name="checkcode" required id="checkcode" class="form-control" placeholder="请输入验证码">
                        </div>
                        <div class="col-6">
                            <img title="点击刷新" class="codeimg" style="height:33px;" src="{pboot:checkcode}" onclick="this.src='{pboot:checkcode}?'+Math.round(Math.random()*10);" />
                        </div>
                    </div>
                </div>
                {/pboot:if}
                
                <div class="form-group">
                   <button type="submit" class="btn btn-info mb-2">提交留言</button>
                </div>
            </form>
        </div>
        <div class="col-lg-3"></div>
    </div>

新闻列表

<h2 class="text-center fs-sm-28 fs-20 mt-3">{content:title}</h2>
    <div class="text-center border-bottom text-secondary pb-2 mb-3">
    	  时间:{content:date style=Y-m-d}&nbsp;&nbsp;&nbsp;访问量:{content:visits operate=+1000}
    </div>
	<div class="content mb-3">{content:content}</div>
	<div class="text-secondary lh-2">
		<p>上一篇:{content:precontent}</p>
		<p>下一篇:{content:nextcontent}</p>
	</div>

新闻列表内容

<!-- 列表内容 -->
     <ul>
        {pboot:list num=10 order=date}
        	<li class="lh-3 border-bottom-dashed">
                <i class="fa fa-gg"></i>
                <a href="[list:link]">
                	<span class="d-none d-md-inline">[list:title lencn=30]</span><!-- PC端 -->
                	<span class="d-inline d-md-none">[list:title lencn=11]</span><!-- 移动端 -->
                	{pboot:if([list:istop]==1)}
                		<span class="badge badge-danger">置顶</span>
                	{/pboot:if}
                	{pboot:if([list:isrecommend]==1)}
                		<span class="badge badge-warning">推荐</span>
                	{/pboot:if}
                	{pboot:if([list:isheadline]==1)}
                		<span class="badge badge-info">头条</span>
                	{/pboot:if}
                	<span class="float-right">[list:date style=Y-m-d]</span>
                </a>
            </li>
        {/pboot:list}
    </ul>

产品列表

<div class="container pages">
	{include file=comm/position.html}
    
    <div class="row">
       	<div class="col-12 col-lg-6 mb-5">
               <div class="view">
               	<a class="arrow-left" href="#"></a>
				<a class="arrow-right" href="#"></a>
                   <div class="swiper-container">
                       <div class="swiper-wrapper" >
                       	   <div class="swiper-slide">
                               <img src="{content:ico}">
                           </div>
                           {pboot:pics num=10 id={content:id}}
                           <div class="swiper-slide">
                               <img src="[pics:src]">
                           </div>
                           {/pboot:pics}
                       </div>
                   </div>
               </div>
               
               <div class="preview mt-3">
                   <a class="arrow-left" href="#"></a>
                   <a class="arrow-right" href="#"></a>
                   <div class="swiper-container" >
                       <div class="swiper-wrapper">
                       	<div class="swiper-slide active-nav swiper-slide-active">
                               <img src="{content:ico}">
                           </div>
                           {pboot:pics num=10 id={content:id}}
                           <div class="swiper-slide">
                               <img src="[pics:src]" alt="[pics:title]">
                           </div>
                           {/pboot:pics}
                       </div>
                   </div>
               </div>
           </div>
            
        	<div class="col-12 col-lg-6 mb-3 pr-3">
            	<h2 class="border-bottom pb-2 fs-sm-28 fs-20">{content:title}</h2>
                <div class="text-secondary my-3 border-bottom-dashed lh-3">
                      	上架时间:{content:date style=Y-m-d}
                </div>
                <div class="text-secondary my-3 border-bottom-dashed lh-3">
                      	浏览次数:{content:visits}
                </div>
                
                <div class="text-secondary my-3 border-bottom-dashed lh-3">
                      	产品类型:{content:ext_type}
                </div>
                
                <div class="text-secondary my-3 border-bottom-dashed lh-3">
                     	 产品颜色:{content:ext_color}
                </div>
                 <div class="text-secondary my-3 border-bottom-dashed lh-3">
                     	 产品价格:¥{content:ext_price}
                </div>
                <div class="my-3 lh-3">
                	{pboot:sort scode=11}
                     <a href="[sort:link]" class="btn btn-danger">马上咨询</a>
                    {/pboot:sort}
                </div>
            </div>
      </div>
      
      <h5 class="border-bottom border-info pb-2 mb-2"><i class="fa fa-sliders" aria-hidden="true"></i> 产品详情</h5>
      <div class="content">{content:content}</div>
      
      <div class="text-secondary lh-2">
			<p>上一篇:{content:precontent}</p>
			<p>下一篇:{content:nextcontent}</p>
      </div>

列表

<!-- 分类筛选 -->
     <div  class="my-3">
          <div class="row">
           		<div class="col-12 col-sm-2 col-md-1">类型:</div>
                <div class="col-12 col-sm-10 col-md-11">
                   {pboot:selectall field=ext_type text=全部  class='mb-3 btn btn-light' active='mb-3 btn btn-info'}
                   {pboot:select field=ext_type}
                       <a href= "[select:link]" class="mb-3 btn {pboot:if('[select:value]'=='[select:current]')}btn-info{else}btn-light{/pboot:if}">[select:value]</a>  
                   {/pboot:select}
               </div>
          </div>
           
          <div class="row">
           		<div class="col-12 col-sm-2 col-md-1">颜色:</div>
                <div class="col-12 col-sm-10 col-md-11">
                   {pboot:selectall field=ext_color text=全部  class='mb-3 btn btn-light' active='mb-3 btn btn-info'}
                   {pboot:select field=ext_color}
                      <a href= "[select:link]" class="mb-3 btn {pboot:if('[select:value]'=='[select:current]')}btn-info{else}btn-light{/pboot:if}">[select:value]</a>  
                   {/pboot:select}
               </div>
          </div>
    </div>
      
	<!-- 图文列表 -->
    <div class="row">
        {pboot:list num=8 order=sorting}
            <div class="col-12 col-sm-6 col-lg-3 wow zoomIn" data-wow-delay="[list:i]00ms" data-wow-duration="1s">
              <div class="card">
                  <div class="card-img-150"><a href="[list:link]"><img class="card-img-top" src="[list:ico]" alt="[list:title]"></a></div>
                  <div class="card-body">
                    <h5 class="card-title"><a href="[list:link]">[list:title lencn=12]</a></h5>
                    <p class="card-text">
                    {pboot:if([list:istop]==1)}
                		<span class="badge badge-danger">置顶</span>
                	{/pboot:if}
                	{pboot:if([list:isrecommend]==1)}
                		<span class="badge badge-warning">推荐</span>
                	{/pboot:if}
                	{pboot:if([list:isheadline]==1)}
                		<span class="badge badge-info">头条</span>
                	{/pboot:if}
                	[list:content drophtml=1 dropblank=1 lencn=50]
                	</p>
                	<p>
                	{pboot:tags id=[list:id] scode={sort:tcode}}
                  		<a href="[tags:link]"><span class="badge badge-secondary">[tags:text]</span></a>
					{/pboot:tags}
					</p>
                  </div>
               </div>
         	</div>
        {/pboot:list}
    </div>

search搜索界面

<div class="container pages">

	{include file=comm/position.html}

     <div class="row">
        {pboot:search num=12 order=sorting scode=5 field='title|content'}
            <div class="col-12 col-sm-6 col-lg-3">
              <div class="card">
                  <div class="card-img-150"><a href="[search:link]"><img class="card-img-top" src="[search:ico]" alt="[search:title]"></a></div>
                  <div class="card-body">
                    <h5 class="card-title"><a href="[search:link]">[search:title len=12 mark=1]</a></h5>
                    <p class="card-text">[search:content drophtml=1 dropblank=1 len=50 mark=1]</p>
                  </div>
               </div>
         	</div>
        {/pboot:search}
    </div>

    <!-- 分页 -->
    {pboot:if({page:rows}>0)}
	   <nav aria-label="page navigation" class="my-4">
	     <div class="pagination justify-content-center">
	     	<a class="page-item page-link" href="{page:index}">首页</a>
	     	<a class="page-item page-link" href="{page:pre}">上一页</a>
	      	{page:numbar}<!-- 数字条,小屏幕时自动隐藏-->
	      	<a class="page-item page-link" href="{page:next}">下一页</a>
	      	<a class="page-item page-link" href="{page:last}">尾页</a>
	     </div>
	   </nav>	
	{else}
	   	<div class="text-center my-5 text-secondary">未搜索到任何数据!</div>
	{/pboot:if}

 

  

需要打假资料请添加微信:Li0dajia

 职业打假教程投诉假货举报合法索赔纠纷维权学习暴利偏门赚钱副业

  扫码加微信-中国职业打假网_12315打假维权

© 版权声明
THE END
喜欢就支持一下吧
点赞13 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片