新闻中心 网络推广 技术文档

PbootCMS列表排序切换,时间/浏览量/点赞量/随机排序

时间:2020-03-21   来源:本站

PbootCMS排序列表切换-无需二开,通过php代码进行判断即可

点击不同选项实现不同的排序效果,切换上下页依旧是当前排序效果

目前测试可以实现 时间/浏览量/点赞量/随机排序 带缩略图/无缩略图

image.png



<div class="row"> 

  <div class="col-12 col-sm-2 col-md-1">排序:</div>
  <div class="col-12 col-sm-10 col-md-11">
  <a href="?id=date" <?php $id=$_GET['id']; if($id === "date")  {echo 'class="mb-3 btn btn-info"';} else {echo 'class="mb-3 btn btn-light"';}?>
    >时间</a>
  <a href="?id=visits" <?php $id=$_GET['id']; if($id === "visits")  {echo 'class="mb-3 btn btn-info"';} else {echo 'class="mb-3 btn btn-light"';}?>
    >浏览量</a>
  <a href="?id=likes" <?php $id=$_GET['id']; if($id === "likes")   {echo 'class="mb-3 btn btn-info"';} else {echo 'class="mb-3 btn btn-light"';}?>
    >点赞量</a>
  <a href="?id=random" <?php $id=$_GET['id']; if($id === "random")  {echo 'class="mb-3 btn btn-info"';} else {echo 'class="mb-3 btn btn-light"';}?>
    >随机</a>
  <a href="?id=ico" <?php $id=$_GET['id']; if($id === "ico")  {echo 'class="mb-3 btn btn-info"';} else {echo 'class="mb-3 btn btn-light"';}?>
    >带图</a>
  <a href="?id=noico" <?php $id=$_GET['id']; if($id === "noico")  {echo 'class="mb-3 btn btn-info"';} else {echo 'class="mb-3 btn btn-light"';}?>
    >无图</a>
  </div>
</div>

此处代码略有修改,我修改成了与pbootcms官方自带的筛选样式相同。出来的效果如下图。


PbootCMS列表循环代码


    {pboot:list num=8 {pboot:list scode={sort:scode} num=10 page=1 <?php $id=$_GET['id']; if($id === "date") {echo 'order=date';} elseif($id === "visits") {echo 'order=visits';} elseif($id === "likes") {echo 'order=likes';} elseif($id === "random") {echo 'order=random';} elseif($id === "ico") {echo 'isico=1';} elseif($id === "noico") {echo 'isico=0';}?>}
    
      输出内容
    
     {/pboot:list}


image.png



本文转载于:舒彬琪个人博客

新闻推荐
龙华网站建设多少钱?
龙华网站建设多少钱?

大家好,这里是黑马视觉,今天我们来聊聊在深圳建一个网站需要多少钱?龙华网站建设需要多少钱?从所周知,...

龙华外贸网站建设必需知道的四大注意事项
龙华外贸网站建设必需知道的四大注意事项

在深圳有很多外贸公司,他们已经不满足于通过其他平台来引流,于是他们都需要建设一个自己自己的外贸网站,...

jq实现鼠标往下滚动页面,导航消失,往上滚动页面,导航显示。
jq实现鼠标往下滚动页面,导航消失,往上滚动页面,导航显示。

如何用JQ实现:鼠标往下滚动页面,导航消失,往上滚动页面,导航显示。废话不多说,直接上代码:<script...

解决HTML5的video视频标签不自动播放JS方法
解决HTML5的video视频标签不自动播放JS方法

先说问题:在做一个网站的时候,在电脑上测试视频可正常的自动播放,用谷歌浏览器的模拟器测试移动端也可以...

Top