首页 > 其他分享 >pbootcms列表页排序切换(时间/浏览量/推荐…)

pbootcms列表页排序切换(时间/浏览量/推荐…)

时间:2024-10-01 21:35:36浏览次数:7  
标签:浏览量 URL 列表 参数 按钮 排序 order pbootcms

为了让PBootCMS列表页支持多种排序方式,并且在点击按钮时能够切换排序方式,可以通过给URL添加参数并在前端标签中进行判断来实现。以下是详细的实现步骤和代码示例。

实现步骤

  1. 添加按钮中的URL参数
  2. 在列表调用标签中处理排序参数
  3. 整合代码

详细步骤

1. 添加按钮中的URL参数

在按钮中添加URL参数,以便在点击时传递排序方式。

html   <ul class="filter-tag ml-5"> <span><i class="fa fa-filter"></i> 筛选</span> <li><i class="fa fa-caret-down"></i> <a href="?order=date" {pboot:if('{$get.order}'=='' || '{$get.order}'=='date')}class="on"{/pboot:if} rel="nofollow">按发布</a> </li> <li><i class="fa fa-caret-down"></i> <a href="?order=visits" {pboot:if('{$get.order}'=='visits')}class="on"{/pboot:if} rel="nofollow">按热度</a> </li> <li><i class="fa fa-caret-down"></li> <a href="?order=sorting" {pboot:if('{$get.order}'=='sorting')}class="on"{/pboot:if} rel="nofollow">按推荐</a> </li> </ul>

2. 在列表调用标签中处理排序参数

在列表调用标签中根据URL参数动态生成排序条件。

php   <?php $order = isset($_GET['order']) ? $_GET['order'] : 'date'; ?> {pboot:list num=15 order="<?php echo $order; ?>"}

3. 整合代码

将以上两部分代码整合在一起,形成完整的实现方案。

完整代码示例

html   <ul class="filter-tag ml-5"> <span><i class="fa fa-filter"></i> 筛选</span> <li><i class="fa fa-caret-down"></i> <a href="?order=date" {pboot:if('{$get.order}'=='' || '{$get.order}'=='date')}class="on"{/pboot:if} rel="nofollow">按发布</a> </li> <li><i class="fa fa-caret-down"></i> <a href="?order=visits" {pboot:if('{$get.order}'=='visits')}class="on"{/pboot:if} rel="nofollow">按热度</a> </li> <li><i class="fa fa-caret-down"></i> <a href="?order=sorting" {pboot:if('{$get.order}'=='sorting')}class="on"{/pboot:if} rel="nofollow">按推荐</a> </li> </ul> <!-- 列表调用标签 --> {pboot:list num=15 order="<?php $order = isset($_GET['order']) ? $_GET['order'] : 'date'; echo $order; ?>"}

说明

  1. 按钮中的URL参数

    • 在每个按钮的 href 中添加 ?order=xxx 参数,其中 xxx 是排序方式的标识符。
    • 使用 {pboot:if} 标签来判断当前排序方式并高亮显示对应的按钮。
  2. 列表调用标签中的排序参数

    • 使用 PHP 代码从 $_GET 中获取 order 参数。
    • 如果没有指定 order 参数,默认为 date
    • 将获取到的 order 参数传递给 {pboot:list} 标签。

测试验证

  1. 保存文件

    • 保存修改后的 HTML 和 PHP 文件。
  2. 刷新页面

    • 刷新页面,点击不同的按钮,检查列表是否按相应的排序方式进行排序。

通过以上步骤,你可以轻松实现PBootCMS列表页的动态排序功能,并且在点击按钮时能够切换排序方式,保持上下页的一致性。

标签:浏览量,URL,列表,参数,按钮,排序,order,pbootcms
From: https://www.cnblogs.com/hwrex/p/18443540

相关文章

  • pbootcms一个网站如何绑定两个域名
    假设你的授权码配置页面如下所示:在输入框中输入:plaintext 12345,56789,abcde,fghij3.测试验证保存设置后:保存设置后,确保没有错误提示。访问两个域名:分别访问两个域名 example.com 和 example2.com,确保都能正常访问网站。注意事项备份设置:在修改......
  • pbootcms内容栏目增加栏目简介字段的方法
    要在PBootCMS的内容栏目中增加一个“栏目简介”字段,你可以按照以下步骤进行操作:确定数据库结构:首先,你需要在对应的栏目表中添加一个新的字段用于存储简介信息。假设你的栏目数据存储在pb_column表中,可以通过执行SQL语句来添加新字段。sql ALTERTABLE`pb_column`ADD......
  • pbootcms后台出现"登录失败:登录失败次数太多已被锁定,请600s重试!" 情况,怎么办?
    当在PBootCMS后台出现“登录失败:登录失败次数太多已被锁定,请600s重试!”的情况时,这通常是由于多次尝试错误密码导致的账户锁定。解决这个问题的方法如下:解决方法删除 runtime 文件夹:打开你的网站根目录。找到 runtime 文件夹并删除它。通常路径为:/www/wwwroot/you......
  • pbootcms后台公司信息的内容如何调用到前台页面上
    为了在PBootCMS中实现一个公司信息标签,使其可以在全站任意地方使用,并且能够从后台的基础内容中调取公司相关信息,可以按照以下步骤进行操作:步骤1:创建标签进入后台管理系统:登录PBootCMS后台管理系统。进入标签管理:导航到“标签管理”模块。创建新标签:点击“新......
  • pbootcms禁止数字id方式访问栏目,如/1/
    为了在PBootCMS中关闭数字ID方式访问栏目,使栏目只能通过类似 www.xxx.com/about/ 的方式进行访问,可以按照以下步骤进行修改。这种方法适用于PBootCMS3.1.3版本,其他版本可以参考进行相应的修改。步骤1:找到并修改代码打开文件:打开 IndexController.php 文件,路径为 \A......
  • pbootcms模板内页调用当前栏目的子栏目
    在PBootCMS中,如果你想在模板内页调用当前栏目的子栏目,可以使用 {pboot:nav} 标签来实现这一功能。具体来说,可以通过指定 parent 参数来调用当前栏目的子栏目。示例代码假设你想在模板内页调用当前栏目的子栏目,可以使用以下代码:{pboot:navnum=40parent={sort:tcode}}......
  • 快速排序算法及多线程试验
    1)快速排序算法算法实现:选定一个起点/终点位置上的数A小于数A的放在A左侧,大于的放在右侧对A左侧和右侧数组递归的执行步骤2//分区函数template<typenameT>intpartition(Tarr[],intlength){ if(length<=1) return1; inti=1; intj=length-1; //se......
  • 《Java 基础篇》三:排序方式
    Author:ACatSmilingSince:2024-10-01在Java中经常会涉及到对象数组等的排序问题,那么就涉及到对象之间的比较问题。Java实现对象排序的方式有两种:自然排序:java.lang.Comparable。定制排序:java.util.Comparator。自然排序自然排序:java.lang.Comparable接口强行对实......
  • [Python手撕]部分排序
    classSolution:defsubSort(self,array:List[int])->List[int]:n=len(array)start,end=-1,-1#从前往后找到第一个逆序foriinrange(n-1):ifarray[i]>array[i+1]:start=i+1......
  • C语言:排序(1)
    目录一、排序的概念及应用排序的概念排序的运用 二、常见排序算法插入排序基本思想直接插入排序希尔排序(缩小增量排序)选择排序基本思想堆排序一、排序的概念及应用排序的概念排序:所谓排序,就是使一串记录,按照其中的某个或某些关键字的大小,递增或递减的排列......