HTML代码
<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title></title>

</head>

<body>

    <input type="text" id="word" value="{$data.word}">

    <input type="button" value="搜索" onclick="page(1)">

<table>

    <tr>

        <th>ID</th>

        <th>账号</th>

        <th>密码</th>

        <th>手机</th>

        <th>登录时间</th>

        <th>登录次数</th>

        <th>状态</th>

    </tr>

    {volist name="data.list" id="v"}

    <tr>

        <td>{$v.id}</td>

        <td>{$v.uname}</td>

        <td>{$v.pwd}</td>

        <td>{$v.phone}</td>

        <td>{$v.login_time|date="Y-m-d H:i:s",###}</td>

        <td>{$v.login_num}</td>

        <td>

            {switch name="$v.is_on" }

                {case value="1"}正常{/case}

                {case value="2"}锁定{/case}

            {/switch}

        </td>

    </tr>

    {/volist}

</table>

<a href="javascript:void(0);" onclick="page({$data.home_page})">首页</a>

<a href="javascript:void(0);" onclick="page({$data.prev_page})">上一页</a>

<a href="javascript:void(0);" onclick="page({$data.next_page})">下一页</a>

<a href="javascript:void(0);" onclick="page({$data.last_page})">尾页</a>

<script src="__STATIC__/js/jquery.js"></script>

<script>

    function page(obj){

        //获取搜索框的值

        var word = $("#word").val();

        if(word==''){

            $.get("{:url('Three/home')}?page="+obj,function(data){

                $("body").html(data);

            })

        }else{

            //有值

            $.get("{:url('Three/home')}?page="+obj+"&word="+word,function(data){

                $("body").html(data);

            })

        }

    }

</script>

</body>

  PHP代码

//展示页面

    public function home(){

        //接收关键字

        $word = Request::instance()->param('word');

        if(empty($word)){

            //查询所有的数据

            //求出总条数

            $count = Db::table("user")->count();

            //设置每页显示的条数

            $length = 2;

            //求出来总页数

            $zong_page = ceil($count/$length);

            //接收当前页

            $page = Request::instance()->param('page');

            $current_page = empty($page) ? 1 : $page;

            //求出偏移量

            $limit = ($current_page-1)*$length;

            //查询

            $data = Db::table("user")->limit($limit,$length)->select();

        }else{

            //根据关键字实现多条件查询

            //求出总条数(满足条件的)

            $count = Db::table("user")->where('uname|phone','like',"$word%")->count();

            //设置每页显示的条数

            $length = 2;

            //求出来总页数

            $zong_page = ceil($count/$length);

            //接收当前页

            $page = Request::instance()->param('page');

            $current_page = empty($page) ? 1 : $page;

            //求出偏移量

            $limit = ($current_page-1)*$length;

            //查询

            $data = Db::table("user")->where('uname|phone','like',"$word%")->limit($limit,$length)->select();

        }

        //判断页码

        $arr['list'] = $data;

        $arr['home_page'] = 1;

        $arr['prev_page'] = $current_page-1 <= 1 ? 1 : $current_page-1;

        $arr['next_page'] = $current_page+1 >= $zong_page ? $zong_page : $current_page+1;

        $arr['last_page'] = $zong_page;

        $arr['word'] = empty($word) ? null : $word;

        return view('home',['data'=>$arr]);

    }

jQuery页面替换+php代码实现搜索后分页的更多相关文章

  1. (转）WEB页面导出为Word文档后分页&横向打印的方法

    <html>    <HEAD>        <title>WEB页面导出为Word文档后分页&横向打印的方法 </title>    < ...

  2. 关于TP5.0搜索后分页

    使用$Model->where($where)->paginate($page,$count);的时候如果点击下一页会出现条件重置问题,经过测试可以使用Db::name('data') - ...

  3. 使用VUE+原生PHP完成搜索后分页的效果

    html代码: <!doctype html> <html lang="en"> <head> <meta charset="U ...

  4. 微信小程序 和 laravel8 实现搜索后分页 加载

    Page({ /** * 页面的初始数据 */ data: { activity:{}, page:1, last_page : 0, keyword:'' }, //加载 scroll(e){ le ...

  5. lavarel 框架 搜索后分页

    ................框架控制器 public function list(Request $request){ $word=$request->input('word'); $arr ...

  6. MVC5 + EF6 + Bootstrap3 (11) 排序、搜索、分页

    系列教程:MVC5 + EF6 + Bootstrap3 上一节:MVC5 + EF6 + Bootstrap3 (10) 数据查询页面 源码下载:点我下载 我工作的源码:http://www.jin ...

  7. jQuery浮窗图片到页面中间的代码兼容移动端

    jQuery浮窗图片到页面中间的代码兼容移动端 <!doctype html> <html> <head> <meta charset="utf-8 ...

  8. jQuery浮窗图片到页面中间的代码

    jQuery浮窗图片到页面中间的代码 <!doctype html> <html> <head> <meta charset="utf-8" ...

  9. phpcms网页替换验证码功能 及 搜索功能

    在使用phpcms替换网页的时候,除了正常的替换栏目.内容页等,其他的什么验证码啦,提交表单了,搜索功能了,这些在替换的时候可能会对一些默认文件有一些小小 的改变 下面就是自己在失败中成功的过程,最后 ...

随机推荐

  1. 一些关于SQL优化的总结

    由于这个项目一直都是mysql所以写点mysql的 1.数据存储引擎的选择,MyISAM 和 InnoDB 的选择 InnoDB 一般都会选择这个,但是如果真的涉及到一些不涉及增删的表,可以考虑下My ...

  2. mui 滑块开关 进度条 以及如何获取值

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name ...

  3. Python学习之旅（三十三）

    Python基础知识(32):网络编程(Ⅰ) 网络通信是两台计算机上的两个进程之间的通信,而网络编程就是如何在程序中实现两台计算机的通信 P协议负责把数据从一台计算机通过网络发送到另一台计算机 TCP ...

  4. java 编写函数将字符串的首尾空格删除。

    String 类有个方法去除字符串首位空格: str.trim(); 查看源代码: public String trim() { int len = value.length; ; char[] va ...

  5. 《PHP - CGI/Fastcgi/PHP-FPM》

    先说下我最近看到的一篇文章,哈哈哈,特别好玩. 一步步教你编写不可维护的 PHP 代码 之前一直知道 PHP 在 CGI 模式下运行.命令行下在 CLI 模式下运行. 但是 FPM 和 nginx 配 ...

  6. Java学习-049-正则工具类

    自去年九月份决定再次入学和职业资格进阶,开始备战二者考试至今,以及当下进行中的职称申请,犹如孤独的狼,不断前行在路上,而今凡凡总总的已历8月... 不感慨了,如下为一园友需要的正则工具类,直接上码: ...

  7. Jenkins+Jmeter持续集成笔记（二：ANT执行Jmeter脚本）

    Jmeter接口测试脚本运行后生成的是jtl(xml)格式的文件,这些文件不具备可读性,所以我们要把他转化为可以阅读的html格式报告. Ant是一个功能强大的打包编译工具.我们使用他的目的是将xml ...

  8. 在 Django/Flask 开发服务器上使用 HTTPS

    使用 Django 或 Flask 这种框架开发 web app 的时候一般都会用内建服务器开发和调试程序,等程序完成后再移交到生产环境部署.问题是这些内建服务器通常都不支持 HTTPS,我们想在开发 ...

  9. 取数游戏II

    传送门 #include <bits/stdc++.h> using namespace std; #define ll long long #define re register #de ...

  10. 这5个实用技巧，教你设计出更好的App

    三年前,谷歌公司分享了一项研究:用户平均会安装36个app在手机上,但每天都使用的只有9个.据统计,只有4%的app会被使用一年以上. 所以,能运用基本用户体验设计原则来设计出更好的app,对公司大有 ...