Layui + php + Smarty 实现分页

2018-05-03编程教程
157

页面内容   (分页容器) 
 
<div class="admin-table-page">
   <div id="page" class="page"></div>
</div>
 
javascript  代码
 
//调用分页
laypage({
    cont: 'page', //分页容器的id
    pages: '{#$maxpage#}' //总页数,
    groups: 5 //连续显示分页数,
    curr:'{#$currentPage#}' //当前页数,
    jump: function(obj, first) {
    //得到了当前页,用于向服务端请求对应数据
    var curr = obj.curr;
    if(!first) {
       //layer.msg('第 '+ obj.curr +' 页');
      window.location.href='index.php?page='+curr;
           }
    }
});
 
后台php代码   Index.php
 
<?php
  $page=@$_GET['page']?$_GET['page']:1;
  $pagesize=10; //每页显示十条数据
  $sql_count="select count(*) as count from 表名 where 条件";
  $count=my_query($sql_count);
  $count_max=$count[0]['count']; //得到所有记录的数目
  if($count_max%$pagesize==0)
  {
    $maxpage=$count_max/$pagesize;
  }
  else
  {
    $maxpage=intval($count_max/$pagesize)+1;
  }

  if($page<1) //如果传来的 $page小于1 就显示第一页
  { 
    $page=1;
  }
  if($page>$maxpage) //如果传来的$page大于最大的页数 就显示最后一页
  {
    $page=$maxpage;
  }
  $sql="select * from 表名 where 条件 limit ".($page-1)*$pagesize.",$pagesize"; 
  $res=my_query($sql); //my_query() 是自己封装好的一个函数 结果输出一个数组

  $smarty->assign("currentPage",$page); //当前页数
  $smarty->assign("maxpage",$maxpage); //总页数
  $smarty->assign('res',$res); //查找的记录
  $smarty->display("templates/index.html");
?>

The End
layui

相关推荐

layui根据百度地图经纬度在弹出层中显示位置
首先你需要引入百度地图的js script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0ak=你的ak"/script ak ,注意是要浏览器端的ak,这个直接到百度开发者平台申请。 引入layui,这个大家可以到layui官网看看怎么引入layer, 注意:这里要提...
2025-01-09 编程教程
240

layui Table 设置title 字体加粗
在layui.css中加样式 : .layui-table th{font-weight: bold;} ,或者直接加在网页中即可。 style .layui-table th{ font-weight: bold;} /stylebodytable id="demo" lay-filter="demo" class="layui-hide"/table/body...
2022-10-17 编程教程
200

ThinkPHP5+Layui实现图片上传加预览
前端文件: label class=layui-form-label图片/labela class=layui-btn id=image style=float: left;i class=layui-icon#xe67c;/i上传图片/adiv class=layui-input-block style=margin-left: 220px; input type=text name=img value={$tptc.img} class=layui...
2018-05-15 编程教程
185

layui文件上传实现代码分享
本文主要为大家详细介绍了layui导航栏效果的实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能帮助到大家。 !DOCTYPE htmlhtml head meta charset=UTF-8 title文件上传/title link rel=stylesheet href=layui/css/layui.css link rel=sty...
2018-05-15 编程教程
201

Layui + php + Smarty 实现分页
页面内容 (分页容器) div class=admin-table-page div id=page class=page/div/div javascript 代码 //调用分页laypage({ cont: page, //分页容器的id pages: {#$maxpage#} //总页数, groups: 5 //连续显示分页数, curr:{#$currentPage#} //当前页数, jump:...
2018-05-03 编程教程
157

PHP结合LAYUI实现前台加后台操作
一:前台加载出前端页面: HTML: lay-data={width:800,height:400, url:data.php, page:true, id:test} js: layui.use(table,function(){var table=layui.table}) 表头加载下就行了主要讲解下对接数据库和返回对象的操作。 二:先连接数据库 header(Conten...
2018-05-03 编程教程
124