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

时间：2023-03-08 16:44:41
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]);

    }

相关文章