• jQuery页面替换+php代码实现搜索后分页


    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]);
        }
  • 相关阅读:
    网络性能测试工具iperf详细使用图文教程zz
    linux时间和定时器zz
    sleep
    linux调度器的配置参数zz
    zz升级Mininet自带的OpenvSwitch & 编译OpenvSwitch
    minnet sample
    电信新势力,TIP/CORD能颠覆电信设备商吗?
    【TS】534- TypeScript 可辨识联合
    【拓展】一张图看懂字节跳动8年创业史,太励志了吧
    【CSS】533- CSS 渲染原理以及优化策略
  • 原文地址:https://www.cnblogs.com/wxy0126/p/10615463.html
Copyright © 2020-2023  润新知