博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery页面替换+php代码实现搜索后分页
阅读量:5036 次
发布时间:2019-06-12

本文共 2447 字,大约阅读时间需要 8 分钟。

 

<!DOCTYPE html>

<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<input type="text" id="word" value="{$data.word}">
<input type="button" value="搜索" οnclick="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);" οnclick="page({$data.home_page})">首页</a>

<a href="javascript:void(0);" οnclick="page({$data.prev_page})">上一页</a>
<a href="javascript:void(0);" οnclick="page({$data.next_page})">下一页</a>
<a href="javascript:void(0);" οnclick="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>
</html>

 

//展示页面

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]);

}

转载于:https://www.cnblogs.com/DXYHW/p/10551006.html

你可能感兴趣的文章
Feign使用Hystrix无效原因及解决方法
查看>>
Sam做题记录
查看>>
软件工程APP进度更新
查看>>
hexo 搭建博客
查看>>
建造者模式(屌丝专用)
查看>>
Nginx + Tomcat 反向代理 如何在高效的在一台服务器部署多个站点
查看>>
C++的引用
查看>>
完整ASP.Net Excel导入
查看>>
循环队列的运用---求K阶斐波那契序列
查看>>
python itertools
查看>>
http://lorempixel.com/ 可以快速产生假图
查看>>
编写一个函数isMerge,判断一个字符串str是否可以由其他两个字符串part1和part2“组合”而成...
查看>>
文件操作
查看>>
NYOJ-613//HDU-1176-免费馅饼,数字三角形的兄弟~~
查看>>
linux下设置固定IP的方法
查看>>
ubuntu 16.04 (软件应用)-输入法
查看>>
graphite custom functions
查看>>
js获取请求地址后面带的参数
查看>>
设计模式のCompositePattern(组合模式)----结构模式
查看>>
系统管理玩玩Windows Azure
查看>>