poscms系统本身有一个在查询页(search页面)实现的查询分页功能,基于系统封装的php函数dr_search_url()

但是今天的需求除了导航栏、列表页、详情页都实现查询功能外,关键是有两个不同的模块,模块不同,如果用

系统的search的话,那就得弄两个search页面出来,其实搜索结果页面完全就是照搬列表页,所以,我为什么不

直接用列表页作为模板呢,不去走系统的search控制器。下面上列表页:

1.筛选条件的获取以及查询页的路径拼接

<div class="paixu">
<span>排序方式:</span>
    <a class="xuanxiang active" href="javascript:search('starttime');">装载日期</a>
    <a class="xuanxiang" href="javascript:search('cyl');">承运量从高到低</a>
    <a class="xuanxiang" href="javascript:search('cyl_desc');">承运量从低到高</a>
    <a class="xuanxiang" href="javascript:search('you');">有效天数</a>
</div>
<script type="text/javascript" charset="utf-8">
function search(order){
var rtype = $(".rtype").val();
var cylf = $(".cylf").val()?$(".cylf").val():;
var cylt = $(".cylt").val()?$(".cylt").val():;
var from = $(".from").val()?$(".from").val():"";
var to = $(".to").val()?$(".to").val():"";
var title = $(".title").val()?$(".title").val():"";
var starttimef = $("#txtBeginDate").val()?parseInt(new Date($("#txtBeginDate").val()).getTime())/:;
var starttimet = $("#txtEndDate").val()?parseInt(new Date($("#txtEndDate").val()).getTime())/:;
window.location.href = "/index.php?s=goodsplate&c=category&id=2"+"&rtype="+rtype+"&cylf="+cylf+
                  "&cylt="+cylt+"&from="+from+"&to="+to+"&title="+title+"&starttimef="+
                  starttimef+"&starttimet="+starttimet+"&order="+order;
};
</script>

页面是前端小姐姐写的,日历点击之后,获取的值为字符串 2018-08-27 的形式,我得要把它转成 int 型的时间戳

才能用于后面的查询比较;

看到那些三元表达式后面flase赋值为0或者9999999999么,这是根据该字段在数据库中的实际值范围而取的,数据

库中时间戳为10位数,所以我这里设置了一个不选定时间上限时的查询条件值(9999999999);

另外,当前列表页路由是  /index.php?s=goodsplate&c=category&id=2 ,所以可以看出js将查询条件直接提交到当前

页面;

当点击不同排序条件时,将执行对应的函数,此时将排序条件通过函参的方式拼接到路径中;

2.php脚本获取地址栏查询条件参数

点击查询条件之后,将跳转到拼有查询条件的路由(不难看出还是这个列表页),接下来通过php脚本获取地址栏参数

先来看路径(出货港、卸货港、货品名称没有填):

/index.php?s=goodsplate&c=category&id=2
&rtype=%E5%%%E6%B2%B3&cylf=&cylt=&from=&to=&title=
&starttimef=&starttimet=&order=cyl_desc

所以,你可以很直观地看到一些筛选条件(分类-内盒、承运量范围-2~9999999999、装载日期范围-1535328000~

15356736000、排序方式-承运量降序)

<?php
$data = $_GET;
$rtype = $data['rtype']?$data['rtype']:null;
$cylf = $data['cylf']?$data['cylf']:;
$cylt = $data['cylt']?$data['cylt']:;
$from = $data['from']?$data['from']:null;
$to = $data['to']?$data['to']:null;
$title = $data['title']?$data['title']:null;
$starttimef = $data['starttimef']?$data['starttimef']:;
$starttimet = $data['starttimet']?$data['starttimet']:;
$order = $data['order']?$data['order']:null;
?>

注:poscms的list标签查询的时候,对于查询条件值为null的会过滤掉,也就是不会写到sql里去。

3.list标签查询

在上面的脚本后面,就需要根据拿到的条件来写list标签的语法了:

{list action=module module=goodsplate
rtype=$rtype LIKE_title=%$title% LIKE_from=%$from% LIKE_to=%$to%
BW_cyl=$cylf,$cylt BW_starttime=$starttimef,$starttimet
order=$order
catid= pagesize= page=}
......
{/list}

中间加粗的字体就是查询的主要条件,用到了模糊查询(LIKE_)、范围查询(BW_)和排序(order)

这样就根据条件实现了list标签的了查询,顺便来看一下生成的sql:

SELECT * FROM `imt_1_goodsplate` WHERE
`imt_1_goodsplate`.`rtype` = "内河" AND
`imt_1_goodsplate`.`title` LIKE "%%" AND
`imt_1_goodsplate`.`from` LIKE "%%" AND
`imt_1_goodsplate`.`to` LIKE "%%" AND
`imt_1_goodsplate`.`cyl` BETWEEN AND AND
`imt_1_goodsplate`.`starttime` BETWEEN AND AND
`imt_1_goodsplate`.`catid` = AND
`imt_1_goodsplate`.`status` =
ORDER BY `imt_1_goodsplate`.`cyl` DESC
LIMIT ,

4.分页功能

其实分页功能的实现依据是一个page值,通过在路径中添加page=number,来实现后端LIMIT参数的改变

注意:poscms有个很坑爹的地方就是这个limit,我们一般要实现从第10项开始,往后查5项,都会这么写:

limit(10,5),但是poscms却是这么写的:$this->db->limit(5,10),这个源程序的开发者怕是故意和大家作对

吧。

之前查询结果很多的话,就得分页了,那1、2、3页的路径怎么获取呢,首先我封装了一个一行的php函数

方便页面里面调用:

function dr_cururl(){
return $_SERVER['REQUEST_URI'];
}

这个方法返回地址栏的全部地址(其实这块有个小bug,但是不影响使用,就是当页面处于第二页的时候,

地址栏会有查询条件参数+&page=2,此时第三页的地址应该是通过dr_cururl()函数获取的地址截去page参数

加上page=3,不截去的话就变成了条件参数+&page=2&page=3,这也是我刚刚想到的,明天去完善一下这个

函数)

在这里我用了一个同事以前提供的判断上一页下一页page值的脚本,之前的脚本a标签的地址是写死的,我后期

通过上面的函数完善了一下,这里贴上代码:

 {if empty($get.page)}
{php $page=;}
{else}
{php $page=$get.page;}
{/if} <!--上一页-->
{if $page > }
{php $pra = $page-;}
{else}
{php $pra=;}
{/if}
<!--下一页-->
<!--$nums为最大页码-->
{if $page==$nums}
{php $next = $nums;}
{else}
{php $next = $page+;}
{/if}
{if $nums==}
<div class="inner" style="text-align:center;margin-top:20px;">
<a>共{$nums}页</a>
</div>
{else}
<div class="inner" style="text-align:center;margin-top:20px;">
<a>共{$nums}页</a>
<a href="{dr_cururl()}&page=1">首页</a>
<a href="{dr_cururl()}&page={$pra}">上一页</a>
<a href="{dr_cururl()}&page={$next}">下一页</a>
<a href="{dr_cururl()}&page={$nums}">尾页</a>
</div>
{/if}

注意:$nums是poscms系统开启分页(list标签中有page=1时开启分页)后返回的最大页数

至此,就完成了在列表页实现的查询、分页功能,注意,除了dr_cururl()这个函数是写在公共函数库文件里面,

其他所有上面列出的代码都是写在列表页的,所有的东西都是写在这个页面(list页面)的,不需要去动系统的

控制器,不需要去建search页面,所有的一切只需要在这个页面就可以完成!!!惊喜不惊喜?刺激不刺激?

好了,继续下一篇,来谈谈针对前端小姐姐抛出的问题,我是怎么解决的。

poscms基于list标签实现的查询分页功能的更多相关文章

  1. 基于SSM框架的简易的分页功能——包含maven项目的搭建

    新人第一次发帖,有什么不对的地方请多多指教~~ 分页这个功能经常会被使用到,我之前学习的时候找了很多资源,可都看不懂(笨死算了),最后还是在朋友帮助下做出了这个分页.我现在把我所能想到的知识 做了一个 ...

  2. CodeIgniter框架多条件搜索查询分页功能解决方案

    最近在用ci框架写功能的时候,需要用到分页功能,本来寻常的数据结果分页是比较简单的,但是这次写的功能是多条件搜索查询分页,就有点难度了,看官方手册下面评论好多人问, 正常的分页功能例子是这样的: $t ...

  3. phpcmsv9多表联合查询分页功能实现

    phpcms v9里面自带的listinfo分页函数蛮好用的,可惜啊.不支持多表查询并分页. 看了一下前台模板层支持get标签,支持多表查询,支持分页.刚好可以把这个功能搬到后台来使用. 我们现在对g ...

  4. C#设计模式总结 C#设计模式(22)——访问者模式(Vistor Pattern) C#设计模式总结 .NET Core launch.json 简介 利用Bootstrap Paginator插件和knockout.js完成分页功能 图片在线裁剪和图片上传总结 循序渐进学.Net Core Web Api开发系列【2】:利用Swagger调试WebApi

    C#设计模式总结 一. 设计原则 使用设计模式的根本原因是适应变化,提高代码复用率,使软件更具有可维护性和可扩展性.并且,在进行设计的时候,也需要遵循以下几个原则:单一职责原则.开放封闭原则.里氏代替 ...

  5. 利用Bootstrap Paginator插件和KnockoutJS完成分页功能

    在最近一个项目中,需要结合一堆条件查询并对查询的结果数据完成一个简单分页功能,可是做着做着,自己的思路越来越模糊,做到心态崩溃!!! 哈哈,特此花点时间重新总结,并从最简单的分页,然后向多条件查询分页 ...

  6. aspnetpager+repeater+oracle实现分页功能

    一.设计原理阐述 数据查询分页,这个功能相信大家都很熟悉,通过数据库或其它数据源进行查询操作后,将获得的数据显示到界面上,但是由于数据量太大,不能一次性完全的显示出来,就有了数据分页的需求.这个需求在 ...

  7. 基于Bootstrap的Asp.net Mvc 分页

    基于Bootstrap的Asp.net Mvc 分页的实现 最近写了一个mvc 的 分页,样式是基于 bootstrap 的 ,提供查询条件,不过可以自己写样式根据个人的喜好,以此分享一下.首先新建一 ...

  8. 基于Bootstrap的Asp.net Mvc 分页的实现

    最近写了一个mvc 的 分页,样式是基于 bootstrap 的 ,提供查询条件,不过可以自己写样式根据个人的喜好,以此分享一下.首先新建一个Mvc 项目,既然是分页就需要一些数据,我这边是模拟了一些 ...

  9. 基于Bootstrap的Asp.net Mvc 分页的实现(转)

    最近写了一个mvc 的 分页,样式是基于 bootstrap 的 ,提供查询条件,不过可以自己写样式根据个人的喜好,以此分享一下.首先新建一个Mvc 项目,既然是分页就需要一些数据,我这 边是模拟了一 ...

随机推荐

  1. 非root权限 安装更新gcc

    本文主要参考网络上文章,并根据自己安装出现的问题进行补充. 参考文章: 1.gcc和boost的升级步骤(非root权限):https://blog.csdn.net/u010246947/artic ...

  2. 20145313张雪纯 《Java程序设计》第7周学习总结

    20145313张雪纯 <Java程序设计>7周学习总结 教材学习内容总结 1967年定义的国际原子时,将秒的国际单位定义为铯原子辐射振动9192631170周耗费的时间. 为了简化日后对 ...

  3. 20145327 《Java程序设计》第一周学习总结

    20145327 <Java程序设计>第一周学习总结 教材学习内容总结 Java根据领域不同,区分为Java SE.Java EE与Java ME三大平台.Java SE是各应用平台的基础 ...

  4. 关于JavaScript对象,你所不知道的事(二)- 再说属性

    说完了对象那些不常用的冷知识,是时候来看看JavaScript中对象属性有哪些有意思的东西了. 不出你所料,对象属性自然也有其相应的特征属性,但是这个话题有点复杂,让我们先从简单的说起,对象属性的分类 ...

  5. 重新想,重新看——CSS3变形,过渡与动画③

    这一篇主要谈谈CSS3的过渡属性. 过渡属性被设计的十分通俗易懂,属性写法为transition,有四个子属性: <transition-property> 表示需要过渡的属性[必须](本 ...

  6. log4j:ERROR A "org.apache.log4j.DailyRollingFileAppender" object is not assignable to a "org.apache.log4j.Appender" variable.

    多个classloader加载log4j时需要设置当前Thread的classloader为你自己的classloader Thread.currentThread().setContextClass ...

  7. 4.scala中的类

    版权申明:转载请注明出处.文章来源:http://bigdataer.net/?p=269 排版乱?请移步原文获得更好的阅读体验 1.针对不同字段生成的方法 字段生成的方法备注 var/val nam ...

  8. python正则表达式 Python Re模块

    最近在学python 练习的时候随手写的,方便以后自己参考~如果能对其他同学有所帮助就再好不过了 希望大家指正哦~  我会随时整理的,先这样~ 正则表达式 1.元字符([ ]),它用来指定一个char ...

  9. 使用httpclient提交表单数据加号(+)会被自动替换成空格的坑

    坑的场景: 今天使用httpclient-4.5.3版本,发送如下报文: { "idNo": "7+6+0+2ce722a546b39463bd62817fe57f8&q ...

  10. Module 的加载实现

    浏览器加载 传统方法 HTML 网页中,浏览器通过<script>标签加载 JavaScript 脚本. <!-- 页面内嵌的脚本 --> <script type=&q ...